Js的this指向 apply().call(),bind()的问题
程序员文章站
2022-05-31 14:03:34
...
笔记记录缘由:JavaScript的流行趋势已经势不可挡,衍生的AngularJs,Node.js,BootStrmp中小企业的后端开发越来越没有优势,IT不是一个可以完全靠经验说话的岗位,IT改变生活,作为一个三年的.Net程序员现在深深的感受到守旧其实就是害怕,躲避时代的进度,人生需要激情,需要动力!
正文:
一、apply().call(),bind()是做什么的?
这三个都是改变方法中this指向的
二、this是什么东西?
this指你当前调用的方法的执行对象,例如setTimeout方法的this
1 setTimeout(function(){ 2 console.log(this) 3 },1000)
输出结果:
Window {external: Object, chrome: Object, document: document, Alax: Object, a2: Object…}
因为setTimeout的完全调用时Window.setTimeout 它属于Window对象的一个方法。
再定义一个对象
var Alax={ name:'Alax', age:27, fuc:function(){ return this.age; } }
按理说使用console.log(Alax.fun)应该输出的27但实际情况是undefined,这是为什么呢?因为在Alax对象外调用时实际的作用对象时Window,而Window是不包含age属性的,也就是说this指向改变了需要重新指定,此处先记着等讲完概念在对比你心中所想
三、call,apple,bind三者的区别
1. 参数对比
call的参数格式是(thisvalue,arg1)
apply的是(thisvalue,[arg1,ar2...])
bind的参数格式是(thisvalue,arg1,ar2...)
thisvalue指的是要传递的this指向,后面的参数是非必输跟方法的参数一一对应,传入了都可以用arguments获取
2.返回结果对比
call和apple指将所有参数传递到arugements,并直接返回调用结果
bind指将返回一个传入值在方法运行后返回一个新的函数 需要加上()调用
总结:上面的调用方式可以是
console.log((Alax.fuc).call(Alax)) console.log((Alax.fuc).apply(Alax)) console.log((Alax.fuc).bind(Alax)())
附上参数调用
Alax={ name:'Alax', age:27, fuc:function(num){ this.age+=num return this.age; } } console.log((Alax.fuc).call(Alax,1)) console.log((Alax.fuc).apply(Alax,[1])) console.log((Alax.fuc).bind(Alax)(1))
以上就是Js的this指向 apply().call(),bind()的问题的详细内容,更多请关注其它相关文章!
推荐阅读
-
js中call()和apply()改变指针问题的讲解
-
js的继承方法小结(prototype、call、apply)(推荐)
-
js中的call bind apply简单分析
-
javascript中apply、call和bind的使用区别
-
js中apply和Math.max()函数的问题及区别介绍
-
使用 js 简单的实现 bind、call 、aplly代码实例
-
Javascript中apply、call、bind的用法讲解
-
浅谈JavaScript中的apply/call/bind和this的使用
-
js中apply()和call()的区别与用法实例分析
-
apply、bind、call方法的作用与区别