码迷,mamicode.com
首页 > 移动开发 > 详细

all()和apply()的区别

时间:2020-01-15 13:37:35      阅读:121      评论:0      收藏:0      [点我收藏+]

标签:区别   code   iss   一模一样   apply   lin   第一个   列表   ref   

ECMAScript 规范给所有函数都定义了 call 与 apply 两个方法,它们的应用非常广泛,它们的作用也是一模一样,只是传参的形式有区别而已。

apply( )

apply 方法传入两个参数:一个是作为函数上下文的对象,另外一个是作为函数参数所组成的数组。

var obj = {
    name : 'linxin',
}
function func(firstName, lastName){
    console.log(firstName + ' ' + this.name + ' ' + lastName);
}
func.apply(obj, ['A', 'B']); // A linxin B

可以看到,obj 是作为函数上下文的对象,函数 func() 中 this 指向了 obj 这个对象。参数 A 和 B 是放在数组中传入 func() 函数,分别对应 func()参数的列表元素

call( )

call 方法第一个参数也是作为函数上下文的对象,但是后面传入的是一个参数列表,而不是单个数组。


var obj = {
    name: 'linxin'
}

function func(firstName, lastName) {
    console.log(firstName + ' ' + this.name + ' ' + lastName);
}

func.call(obj, 'C', 'D');  // C linxin D    

对比 apply 我们可以看到区别,C 和 D 是作为单独的参数传给 func 函数,而不是放到数组中。

对于什么时候该用什么方法,其实不用纠结。如果你的参数本来就存在一个数组中,那自然就用 apply,如果参数比较散乱相互之间没什么关联,就用 call。

以上内容来源于github上https://github.com/lin-xin/blog/issues/7


以上不管哪一种如果使用arguments实参列表,使用方法都一样


var obj = {
    name: 'linxin'
}

function func(firstName, lastName) {
    console.log(arguments[0] + ' ' + this.name + ' ' + arguments[1] );
}

func.call(obj, 'C', 'D');  // C linxin D    

//使用arguments看的只是他的实参列表;不管你是数组还是参数列表都一样
var obj = {
    name: 'linxin'
}

function func(firstName, lastName) {
    console.log(arguments[0] + ' ' + this.name + ' ' + arguments[1] );
}

func.apply(obj, 'C', 'D');  // C linxin D

all()和apply()的区别

标签:区别   code   iss   一模一样   apply   lin   第一个   列表   ref   

原文地址:https://www.cnblogs.com/yohe/p/12196076.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!