关于这3个货,网上有很多文章介绍,我这边还是记录下并加上自己的理解,还有arguments函数内置对象顺便也记录下:
简单的说apply和call 会绑定第一个参数的作用域给调用函数对象实例,并会执行调用函数,还可以传参数
apply 第二个参数是数组,call 是可变长度参数
apply、call:
例子来个:
function x(t,v){
console.log(this.id);
if(t){
console.log(t);
}
if(v){
console.log(v);
}
}var id = '我是外部ID';var obj = { id:'我是内部obj的ID' }x(); //我是外部IDx.apply(obj); // 我是内部obj的IDx.call(obj); // 我是内部obj的IDx.apply(obj,['test']);
// 我是内部obj的ID
// testx.call(obj,'test','test2');
// 我是内部obj的ID
// test
// test2
是不是一下就明白了。
bind:
bind同样会绑定,也会穿参数,但是不会立即执行
x.bind(obj)() ; // 我是内部obj的IDvar x_copy = x.bind(obj);
x_copy();//我是内部obj的ID
arguments:
类似数组,但不是真的数组,好吧,就把它当成数组吧,它同样拥有length 而且也可以通过下标访问:
function x(){
console.log(arguments.length); var j = 0;
for(let i=0;i<arguments.length;i++){
j += arguments[i];
} console.log('[j >>]',j);
} ;x();
//
// [j >>] undefinedx(1);
//
// [j >>] 1x(1,2);
//
// [j >>] 3
关于arguments.callee():
下面的官方语言:
警告:在严格模式下,第5版 ECMAScript (ES5) 禁止使用 arguments.callee()。当一个函数必须调用自身的时候, 避免使用 arguments.callee(),
通过要么
给函数表达式一个名字,要么使用一个函数声明.
不多写,有兴趣的可以去这看看
如果需要调用自身可以使用函数表达式(下面是官方的例子):
[1,2,3,4,5].map(function factorial (n) {
return !(n > 1) ? 1 : factorial(n-1)*n;
});
- 该函数可以像代码内部的任何其他函数一样被调用
- 它不会在外部作用域中创建一个变量 (除了 IE 8 及以下)
- 它具有比访问arguments对象更好的性能
总之,官方都废弃了,你还执着啥?