广州web培训
达内广州五羊中心

18589266248

热门课程

达内广州前端开发培训讲解JS易错点之this指向

  • 时间:2016-12-22 18:17
  • 发布:广州web培训
  • 来源:Csdn

这篇文章达内广州前端开发培训要给大家讲一讲JS中大家容易出错的this指向。

var obj = {

name: 'xiaoming',

getName: function () {

return this.name

}

};

console.log(obj.getName());  // 'xiaoming'

上方对象方法中的this指向对象本身,所以输出"xiaoming"。

var obj = {

myName: 'xiaoming',

getName: function () {

return this.myName

}

};

var nameFn = obj.getName;

console.log(nameFn()); // undefined

上方将对象中的方法赋值给了一个变量,此时方法中的this也将不再指向obj对象,从而指向window对象,所以console为"undefined"。

var obj = {

myName: 'xiaoming',

getName: function () {

return this.myName

}

};

var obj2 = {

myName: 'xiaohua'

};

var nameFn = obj.getName;

console.log(nameFn.apply(obj2)); // 'xiaohua'

上方同样将obj对象中的方法赋值给了变量nameFn,但是通过apply方法将this指向了obj2对象,所以最终console为'xiaohua'。

广州Web前端培训就到广州达内,详情请登陆广州达内Web前端培训官网(gz.web.tedu.cn)!

上一篇:达内广州前端开发培训讲解JS易错点之类型比较
下一篇:达内广州前端开发培训讲解JS易错点之函数参数

马上预约三天免费体验课

姓名:

电话:

微软:Win7寿命仅剩3年,企业应尽早升级

Win10 Build 15007版有这几个最抢眼的变化

Windows手机端Minecraft携带版宣布不再更新

微软推出Win10版PIX游戏调试工具Beta

选择城市和中心
江西省

贵州省

广西省

海南省