cal def int 当前 环境 name 不同 参数 立即执行
想要深入了解
和
- call()
这两个方法,那么必须要先知道他们的基本作用:
- apply()
改变对象的执行上下文
我们在写一个方法的时候,总是会用到一个关键字
,而
- this
的指向就是我们这里所说的执行上下文(执行环境)
- this
首先我们要知道,
指向的永远是调用该方法的对象,如何证明
- this
的指向就是当前对象呢?看下面这段代码:
- this
- function func () {
- this.a = 1;
- console.log(this.a);
- }
- func(); // 1
代码中方法执行后控制台输出
,由于
- 1
是全局对象
- func
下的一个方法,那么调用该方法的对象就应该是全局对象
- window
,所以
- window
理论上指向的对象就应该是
- this
- window
如果理论成立,而
,也就是说变量
- this.a==1
是一个全局变量。在控制台上直接输入
- a
或
- a
后回车,会发现输出了
- window.a
,所以在
- 1
这个方法中,
- func
的指向就是
- this
- window
换个方式来验证下:
- var person = {
- name: ‘xiao ming‘,
- age: 18,
- who: function() {
- console.log(‘my name is‘ + this.name + ‘, ‘ + this.age + ‘years old‘);
- console.log(person === this);
- }
- }
- person.who();
- // my name is xiao ming , 18 years old
- // true
上面这段代码中
方法是
- who
对象的一个属性,被
- person
对象调用,所以
- person
的指向也就是
- this
- person
与
- call()
异同
- apply()
在了解异同之前,先来搞清楚这两个方法都是怎么用的
call()
- function.call(obj[, arg1[, arg2[, [, .argN]]]]])
的对象必须是个函数function
- call
的第一个参数将会是function改变上下文后指向的对象,如果不传,将会默认是全局对象
- call
- window
的方法会立即执行
- call
apply()
- function.apply(obj[, argArray])
与
方法的使用基本一致,但是只接收两个参数,其中第二个参数必须是一个数组或者类数组,这也是这两个方法很重要的一个区别
- call
数组与类数组小科普
数组我们都知道是什么,它的特征都有哪些呢?
- array[0]
- length
方法进行遍历
- forEach
类数组顾名思义,具备的特征应该与数组基本相同,那么可以知道,一个形如下面这个对象的对象就是一个类数组
- var arrayLike = {
- 0 : ‘item1‘,
- 1 : ‘item2‘,
- 2 : ‘item3‘,
- length: 3
- }
类数组
可以通过角标进行调用,具有
- arrayLike
属性,同时也可以通过 for 循环进行遍历
- length
我们经常使用的获取dom节点的方法返回的就是一个类数组,在一个方法中使用
关键字获取到的该方法的所有参数也是一个类数组
- arguments
但是类数组却不能通过
进行遍历,因为
- forEach
是数组原型链上的方法,类数组毕竟不是数组,所以无法使用
- forEach
那么如何才能让类数组能够使用
呢?小伙伴们可以在看完本篇后自己思考一下哦
- forEach
相同点
都能够改变方法的执行上下文(执行环境),将一个对象的方法交给另一个对象来执行,并且是立即执行
不同点
方法从第二个参数开始可以接收任意个参数,每个参数会映射到相应位置的func的参数上,可以通过参数名调用,但是如果将所有的参数作为数组传入,它们会作为一个整体映射到func对应的第一个参数上,之后参数都为空
- call
- function func(a, b, c) {}
- func.call(obj, 1, 2, 3)
- // function接收到的参数实际上是 1,2,3
- func.call(obj, [1, 2, 3])
- // function接收到的参数实际上是 [1,2,3],undefined,undefined
方法最多只有两个参数,第二个参数接收数组或者类数组,但是都会被转换成类数组传入func中,并且会被映射到func对应的参数上
- apply
- func.apply(obj, [1, 2, 3])
- // function接收到的参数实际上是 1,2,3
- func.apply(obj, {
- 0 : 1,
- 1 : 2,
- 2 : 3,
- length: 3
- })
- // function接收到的参数实际上是 1,2,3
跟简单,根据你要传入的参数来做选择,不需要传参或者只有1个参数的时候,用
,当要传入多个对象时,用
- call
- apply
或者,如果需要传入的参数已经是一个数组或者类数组了,就用
,如果还是单独的需要逐个传入的,可以考虑使用
- apply
(如果你不嫌麻烦的话 )
- call
由于可以改变
的指向,所以也就可以实现对象的继承
- this
- function superClass() {
- this.a = 1;
- this.print = function() {
- console.log(this.a);
- }
- }
- function subClass() {
- superClass.call(this);
- this.print();
- }
- subClass();
- // 1
通过
- subClass
方法,继承了
- call
的
- superClass
方法和
变量,同时
- a
还可以扩展自己的其他方法
- subClass
apply()与call()的区别
来源: http://www.bubuko.com/infodetail-2361905.html