javascript--对call方法的理解

javascript–对call方法的理解

函数的call方法主要作用是改变函数中的this指向。
下面看几个例子

var a={name:'wangqi',age:23};
function b (){
    console.log(this)
} 
b.call(''); 
b.call(true);
b.call(1);
b.call();//参数为this,null,undefined时结果相同

输出 : String {length: 0, [[PrimitiveValue]]: “”}
输出 : Boolean {[[PrimitiveValue]]: true}
输出 :Number {[[PrimitiveValue]]: 1}
输出 :Window {stop: ƒ, open: ƒ, alert: ƒ, confirm: ƒ, prompt: ƒ, …}
结果 :输出对应的类型对象；
所以可以使用下面方法更加精准的判断是否是数组

Object.prototype.toString.call(arr) === '[object Array]';//注意字母大小写

再看下面

var a={name:'w',age:23}; 
function b (){ 
this.ge='1'; 
console.log(this,1);
} 
b.call(a); 
console.log(a,2);

输出 :{name: “w”, age: 23, ge: “1”} 1
输出 :{name: “w”, age: 23, ge: “1”} 2
call方法调用一个对象的一个方法，以另一个对象替换当前对象。被调用的对象也会做出想应的改变；
比如我们常常使用的new方法，其内部的机制如下

new Fn(arg) = {

  var obj = {};

  obj.__proto__ = Fn.prototype; //指向（继承）函数Fn的原型对象

  var result = Fn.call(obj,arg); //使用call方法,obj继承了Fn的实例属性和方法

  return typeof result === 'object'? result : obj; 
}

return语句里有个判断，当构造函数有返回值的时候, 并且不属于对象类型时，就返回obj对象，这里的obj对象也是继承了Fn的实例和原型；
js中call的用处很多，这里说的也比较乱，有时间再整理。上述，如果有错误的地方欢迎提出。