javascript--对call方法的理解

来源:互联网 发布:网络研修成果 编辑:程序博客网 时间:2024/06/05 02:35

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

原创粉丝点击