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的用处很多,这里说的也比较乱,有时间再整理。上述,如果有错误的地方欢迎提出。
阅读全文
1 0
- javascript--对call方法的理解
- javascript call方法的理解。
- javascript 中 方法call()的理解
- 对JavaScript中call和apply的理解
- 个人对call和apply方法的理解
- javascript的call方法
- 深入理解JavaScript中的call、apply、bind方法的区别
- Javascript:apply()和call()方法深入理解
- javascript Call方法 的使用
- javascript的call方法总结
- 理解JavaScript的caller,callee,call,apply
- 理解JavaScript的caller,callee,call,apply
- 理解JavaScript的caller,callee,call,apply
- 理解JavaScript的caller,callee,call,apply
- 理解JavaScript的caller,callee,call,apply
- JavaScript call()和apply() 的一些理解
- 理解JavaScript的caller,callee,call,apply
- 理解JavaScript的caller,callee,call,apply
- Node.js事件示例
- PHPStorm 配置命名空间
- js添加获取cookie无路径限制
- Web Services初窥
- Android中activity与fragment通信
- javascript--对call方法的理解
- Java获得Class实例的三种方式
- syslog.h和android的log系统冲突问题
- JOB:前端面试8
- shell动态读取文件夹下的文件和文件名并替换到页面上
- ReviveOverlay
- slf4j 和 log4j合用的(Maven)配置
- PHP并发
- 前端学习目录收藏