javascript call用法及好处

javascipt 中 Call的用法及好处

javascript call可以改变当前函数的作用域,
基本用法如下

function Person(name){
    this.name = name;
}
Person.prototype.say = function(){
    console.log('My name is'+this.name);
}
var person = new Person('Mike');
person.say();//My name is Mike
//此时定义对象
var student = {name:'Marry'};
person.call(student);//My name is Marry

由结果可以看出call是改变当前函数的this指针,使其指向第一个参数,第二个参数是函数本身的参数,此处无参。
在实际应用中，经常会碰见类似于

var slice = [].slice();
var array = ['1','2','3'];
slice.call(array)

那此处的疑问是,array本身就有slice方法,为什么不直接调用的?原因主要是,数组中这些方法可用于处理数组对象,也可处理类数组对象,如果array对象中的原型方法发生改变,即用户改写了slice方法类似于如下操作

Array.prototype.slice= function(){
 console.log('我是改写的slice方法')
}
var array = [1,2,3,4,5];
array.slice();//我是改写的slice方法

若使用call

var slice = [].slice;
Array.prototype.slice= function(index){
 console.log('我是改写的slice方法'+index)
}
var array = [1,2,3,4,5];
slice.call(array,3);//正常调用
array.slice(3);//输出 '我是改写的slice方法3'

故推荐使用call方法防止调用对象的原型方法被改变.