javascript内部函数this指向问题

最新推荐文章于 2022-05-22 16:22:37 发布

原创最新推荐文章于 2022-05-22 16:22:37 发布 · 966 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #函数 #源码

javascript 专栏收录该内容

21 篇文章

订阅专栏

本文探讨了JavaScript中this关键字的绑定规则及其常见问题。通过具体示例展示了内部函数中this指向全局对象的问题，并给出了解决方案。

var name
 = "clever
 coder";

 

var person
 = {

name
 : "foocoder",

hello
 : function(sth){

var sayhello
 = function(sth)
 {

console.log(this.name
 + "
 says " +
 sth);

};

sayhello(

}

 
person.hello("hello
 world");//clever
 coder says hello world

在内部函数中，this没有按预想的绑定到外层函数对象上，而是绑定到了全局对象。这里普遍被认为是JavaScript语言的设计错误，因为没有人想让内部函数中的this指向全局对象。一般的处理方式是将this作为变量保存下来，一般约定为that或者self：




var name
 = "clever
 coder";

var person
 = {

name
 : "foocoder",

hello
 : function(sth){

var that
 = this;

var sayhello
 = function(sth)
 {

console.log(that.name
 + "
 says " +
 sth);

};

sayhello(sth);

}

}

person.hello("hello
 world");//foocoder
 says hello world