JavaScript高级语法
文章平均质量分 79
JavaScript高级语法
不苒
说能做的,做说过的。
展开
-
面试官:“ES6中新增的Set方法去重你会吗?”我:“看文章就知道了”
在ES6 之前,我们存储数的据结构主要有两种:数组、对象。在ES6中新增了另外两种数据结构,Set、Map,以及它们的另外形式WeakSet、WeakMap就行了就让我们一起了解一下ES6中新增的两个数据结构吧。希望能给大家带来帮助,共同进步!......原创 2022-08-11 19:33:03 · 35383 阅读 · 156 评论 -
ES6——class类实现继承
上面示例代码中子类中有两句重复的逻辑语句,在父类中我们已经声明过了,在子类中再写一次就冗余了,让我们接下来看看有没有什么好的解决办法。这就是上面的代码冗余的问题解决办法可以将name和age写到super参数中就可以直接继承父类的逻辑,减少冗余代码。注意在子类(派生类)的构造函数中使用this或者返回默认对象之前,必须先通过super调用父类的构造函数!子类继承父类之后,子类中也可以直接调用父类的方法(最上方示例代码中有涉及这里就不再做展示了)。中,以创建一个类,该类是另一个类的子类。...原创 2022-08-01 00:02:37 · 33397 阅读 · 141 评论 -
【JavaScript】ES6 中class定义类
在 ES6(ECMAScript2015)新的标准中使用了class关键字来直接定义类; 但是类本质上依然是之前所学习过的构造函数、原型链的语法糖而已。所以学好之前的构造函数、原型链更有利于我们理解类的概念和继承关系。...原创 2022-07-04 08:15:00 · 2998 阅读 · 79 评论 -
【JS面试题】面试官:“[1,2,3].map(parseInt)“ 输出结果是什么?答上来就算你通过面试
面试有信息吗?进来看看面试题叭。面试官:“[1,2,3].map(parseInt)“ 输出结果是什么?答上来就算你通过面试原创 2022-06-30 08:30:00 · 9628 阅读 · 70 评论 -
【JS面试题】面试官问我:遍历一个数组用 for 和 forEach 哪个更快?
for 语句用于创建一个循环,它包含了三个可选的表达式,三个可选的表达式包围在圆括号中并由分号分隔,后跟一个在循环中执行的语句(通常是一个块语句)。语法::一个表达式 (包含赋值语句) 或者变量声明。典型地被用于初始化一个计数器。该表达式可以使用或关键字声明新的变量,使用var声明的变量不是该循环的局部变量,而是与循环处在同样的作用域中。用声明的变量是语句的局部变量。该表达式的结果无意义。:一个条件表达式被用于确定每一次循环是否能被执行。如果该表达式的结果为, 将被执行。 这个表达式是可选的。如果被原创 2022-06-27 11:08:52 · 34548 阅读 · 91 评论 -
【Web前端面试】葵花宝典(2022版本)——JS篇(下)
你还在担心面试不过嘛?面试题找不到,小编特意整理了30+道高频前端面试题,送给大家,希望大家都能顺利通过面试,拿下高薪,也可持续关注本面试题专栏。本篇文章主要写的是面试题中的JS篇(下),之后会更新前端其他方面相关面试题。..................原创 2022-06-13 09:27:10 · 2783 阅读 · 88 评论 -
【JavaScript】面向对象——原型与原型链(详解)
在JavaScript中,函数是一个包含属性和方法的类型的对象。而原型就是类型对象的一个属性。在函数定义时就包含了属性,它的初始值是一个空对象。在JavaScript中并没有定义函数的原型类型,所以原型可以是任何类型。原型是用于保存对象的共享属性和方法的,原型的属性和方法并不会影响函数本身的属性和方法。......原创 2022-06-04 10:03:07 · 1729 阅读 · 65 评论 -
【JavaScript】面向对象——构造函数(详解)
文章目录理解并上手使用javascript中的构造函数1、我们先理解什么是构造函数?2、JavaScript中的构造函数是怎么样的?3、使用new操作符会发生什么?4、构造函数的属性5、构造函数与函数的区别理解并上手使用javascript中的构造函数1、我们先理解什么是构造函数?构造函数也称之为构造器,通常是我们在创建对象时会调用的函数;在其他面向对象的编程语言里面,构造函数是是存在于类中的一个方法,称之为构造函数;但是在JavaScript中的构造函数有点不太一样;2、JavaScrip原创 2022-06-01 13:05:27 · 1753 阅读 · 63 评论 -
【JavaScript】作用域提升面试题(详解)
废话少说直接上例子:案例一:var n = 100function foo1 () { n = 200}console.log(n) // 100 访问全局变量n案例二:function foo2 () { console.log(n) // undefined 访问未定义的变量n var n = 200 console.log(n) // 200}var n = 100foo2() 案例三:var n = 100function foo3 (原创 2022-04-12 21:49:34 · 983 阅读 · 5 评论 -
【JavaScript】面向对象——创建多个对象的四种方法(详解)
javascript面向对象创建多个对象的方法,哪个最好用?字面量?工厂模式方法?构造函数方法?原型方法?原型加构造函数方法?进来一看便知原创 2022-05-30 14:05:20 · 3662 阅读 · 40 评论 -
【JavaScript】面向对象——属性描述符(详解)
【JavaScript】面向对象——属性描述符(详解)JS 提供了一个内部数据结构,用来描述对象的值、控制其行为。称为属性描述符。对象里存在的属性描述符有两种形式,数据描述符和存取描述符原创 2022-05-26 10:44:07 · 1954 阅读 · 46 评论 -
【javascript】高级语法——严格模式(详解)
javaScript中的严格模式都限制了哪些你知道吗?原创 2022-05-21 11:12:54 · 1338 阅读 · 37 评论 -
开发中切忌使用的JavaScript语句 —— with语句 和 eval语句
慎用的JavaScript语句之 with语句&eval语句1、with语句with语句 扩展一个语句的作用域链。语法:with (expression) { statement}参数:expression:将给定的表达式添加到在评估语句时使用的作用域链上。表达式周围的括号是必需的。statement:任何语句。要执行多个语句,请使用一个块语句 ({ … })对这些语句进行分组。如下展示了with语句的使用:// with 语句已经不推荐使用了var mes原创 2022-05-20 18:47:30 · 689 阅读 · 18 评论 -
JavaScript组合函数
组合函数组合(Compose)函数是在JavaScript开发过程中一种对函数的使用技巧、模式:比如我们现在需要对某一个数据进行函数的调用,执行两个函数fn1和fn2,这两个函数是依次进行的;那么如果每次我们都需要进行两个函数的调用,操作上就会显得很重复;那么是否可以将这两个函数组合起来,自动依次调用呢?这个过程就是对函数的组合,我们称之为 组合函数(Compose Function)。一、简单的认识一下组合函数场景假设:需要将N个数字分别进行调用double方法乘以2,再调用square原创 2022-05-16 22:42:46 · 1809 阅读 · 16 评论 -
JavaScript函数柯里化的实现原理,进来教你完成一个自己的自动实现柯里化方法
想拥有一个属于自己的自动实现柯里化的方法吗?进来教你完成一个自己的自动实现柯里化方法原创 2022-05-14 14:38:40 · 731 阅读 · 16 评论 -
【JavaScript】函数式编程——函数柯里化
JavaScript中的函数柯里化柯里化的定义与理解:柯里化也是属于函数式编程里面一个非常重要的概念。维基百科定义:在计算机科学中,柯里化,又以为卡瑞化或加里化;是把接收多个参数的函数,变成一个接受一个单一参数(最初函数的第一个参数)的函数,并且返回接受余下的参数,而且返回结果的新函数的技术;柯里化生声称“如果你固定某些参数,你讲得到接受余下参数的一个函数”。个人理解小总结:只传递给函数一个部分参数来调用它,让它返回一个函数去处理剩余的参数,这个过程称为柯里化。如下示例代码展示了什么是原创 2022-05-13 23:55:45 · 621 阅读 · 8 评论 -
【JavaScript】高级语法——纯函数
文章目录理解JavaScript中的纯函数一、`slice()`和`splice()`方法谁是纯函数?slice()splice()二、纯函数的案例练习案例一:案例二:案例三:案例四:理解JavaScript中的纯函数纯函数的维基百科定义:在程序设计中,若一个函数符合一下条件那么这个函数被称为纯函数:此函数在相同的输入值时,需产生相同的输出。函数的输出和输入值以外的其他隐藏信息或状态无关,也和由I/O设备产生的外部输出无关。该函数不能有语义上可观察的函数副作用,诸如:“触发事件”,使输出设备输原创 2022-05-11 16:51:06 · 790 阅读 · 5 评论 -
JavaScript中的Arguments对象
文章目录JavaScript中的Arguments对象1.arguments 的基本使用2.arguments转array数组3.箭头函数中没有arguments4.扩展 —— ES6 剩余参数JavaScript中的Arguments对象arguments是一个对应于传递给函数的参数的类数组(array-like)对象。arguments对象是所有(非箭头)函数中都可用的局部变量。你可以使用arguments对象在函数中引用函数的参数。此对象包含传递给函数的每个参数,第一个参数在索引0处。1.ar原创 2022-05-06 23:00:29 · 1803 阅读 · 9 评论 -
【JavaScript】this指向经典面试题(超详细)
还会担心被面试到有关this指向的问题嘛?那还等什么,进来带你学习你看不懂的this指向面试题原创 2022-07-21 23:39:27 · 11494 阅读 · 80 评论 -
JavaScript中this四种绑定规则优先级比较与箭头函数中的this获取
this绑定规则优先级 ,this的两种页数绑定,箭头函数与this的恩恩怨怨,千字水文,干货满满,确定不看一下吗原创 2022-04-27 09:30:00 · 1204 阅读 · 1 评论 -
【JavaScript】this关键字的指向问题(五千字详解)
5000字水文带你真正的理解JavaScript高级语法中的This指向问题,快来看看吧原创 2022-04-26 23:14:36 · 964 阅读 · 15 评论 -
JavaScript中的闭包是什么?JavaScript中闭包造成的内存泄漏又怎么解决?
闭包是什么?闭包造成的内存泄漏怎么解决?原创 2022-04-21 22:16:22 · 1159 阅读 · 1 评论 -
【JavaScript】高级语法——常用的数组处理方法
JavaScript中常用的数组处理方法你都知道哪些?原创 2022-04-20 22:33:54 · 1693 阅读 · 6 评论 -
JavaScript高级语法之一等公民——函数(高阶函数)
JavaScript中一等公民 —— 函数在JavaScript中,函数是非常重要的,并且是一等公民。所谓的一等公民到底是什么呢?首先,函数的使用是非常灵活的;其次函数可以作为另外一个函数的参数;最后函数也可以终作为一个函数的返回值使用。(高阶函数)接下来就展示一下函数的灵活性。1.函数作为参数使用// 将函数做为另一个函数的参数function foo (a) { a()}function fn () { console.log('fn')}foo(fn) //将函原创 2022-04-19 22:18:36 · 1256 阅读 · 1 评论