首页 > 代码库 > javascript学习笔记this关键字
javascript学习笔记this关键字
this
this是谁,和在那儿定义和执行的function没关系,只跟这个函数是谁调用有关,this就是函数执行的主题,谁执行,this就是谁。
方法名()我们只需要关注方法名之前有没有.有的话.前是谁this就是谁。如果方法名前没有.一般情况下this指向的是全局对象window。
当没有明确的执行时的当前对象时,this指向全局对象window。
给一个元素绑定事件,this就是这个元素。
举个栗子
var person1= { name: "张三", showName: function(){ alert(this.name); }};var person2= { name: "李四", showName: person1.showName}
person2.showName(); //李四
如上代码,person2中的showName虽然指向的是person1但是最终执行的结果是person2中的值。
总结出来也就一句话:this是谁,和在那儿定义和执行的function没关系,只跟这个函数是谁调用有关,this就是函数执行的主题,谁执行,this就是谁。
补充:call、apply和bind
call和apply都是用来处理this关键字指向的方法。
每个函数都有call和apply,并且是非继承而来的。
call和apply的用法相同唯一不同的是接收的参数不同。
call接收的是this重定向的对象和参数列表。
apply接收的是this关键字和一个参数集合。
bind()方法 支持此方法的浏览器有IE9+、Firefox4+、Safari5.1+、Opera12+、Chrome。它是属于ECMAScript5的方法。
用法和call、apply一样,作用也一样用来修改this关键字。
拿上面的栗子炒一下(修改一下)
var person1= { name: "张三", showName: function(){ alert(this.name); }};var person2= { name: "李四", showName: person1.showName}person2.showName.call(person1); //张三person2.showName.apply(person1); //张三person2.showName.bind(person1); //张三
javascript学习笔记this关键字
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。