javascript–对call方法的理解

函数的call方法主要作用是改变函数中的this指向。

下面看几个例子

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

输出 : String {length: 0, [[PrimitiveValue]]: “”}

输出 : Boolean {[[PrimitiveValue]]: true}

输出 :Number {[[PrimitiveValue]]: 1}

输出 :Window {stop: ƒ, open: ƒ, alert: ƒ, confirm: ƒ, prompt: ƒ, …}

结果 :输出对应的类型对象；

所以可以使用下面方法更加精准的判断是否是数组

再看下面

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

输出 :{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的用处很多，这里说的也比较乱，有时间再整理。上述，如果有错误的地方欢迎提出。