Javascript:构造函数 this 关键字

Question

这个问题已经有答案了:

Difference between var and this in Javascript functions? (2 个回答)

已关闭 6 年前。

下面两个代码段有什么区别:

function HelloService(){
  var service = this;
  service.itemList = []

  service.hello = function(){    
    return "Hello World!!";
  };

  service.addItem = function(){
    service.itemList.push(1);
  }
}

<小时/>

function HelloService(){
  var service = this;
  var itemList = [];

  var hello = function(){    
    return "Hello World!!";
  };

  service.addItem = function(){
    itemList.push(1);
  }

}

因为据我了解this hello 函数内部和 hello 函数外部指向同一个实例。

有人可以用JAVA解释一下上述问题吗？

编辑:我添加了 addItem功能。这里我不明白 service.itemList 之间的区别和var itemList里面addItem function 。您能解释一下该函数内部的差异吗？

Answer 1

Javascript 函数中的局部变量不会添加为 this 的属性。第一个相当于:

function HelloService(){
  this.hello = function(){    
    return "Hello World!!";
  };
}

但不是:

function HelloService(){
  var hello = function(){    
    return "Hello World!!";
  };
}

这不会执行任何操作，因为 hello 引用的函数从未被使用过，并且在 HelloService 范围之外无法访问。