javascript 原型(prototype) var 未定义，但我不确定为什么。

Question

我以为我正在使用 javascript “搞定”，然后我遇到了这样的事情。我不知道为什么 __sfcont 的值未定义。

var __container = "It contains ";

function myObject() {
  var temp = 'temp';
}

myObject.prototype = {
  constructor: myObject,
  searchingFor: {
    __sfcont: "a div block ",
    label: this.__sfcont + "and a label.",
    dropdown: this.__sfcont + "and a dropdown."
  }
};

var myObj = new myObject();

console.log(myObj.searchingFor.label);  

预期的结果是它包含一个 div block 和一个标签。但是我得到了 undefined 和一个标签。

Answer 1

在this.__sfcont + "and a label.",执行的时候，this并不是你所期望的。不是尚未构造的searchingFor，而是myObject.prototype = { ... }正在执行的上下文。该上下文没有 __sfcont 属性。

将label(以及dropdown)设为一个方法:

label: function() { this.__sfcont + "and a label."; },
...

console.log(myObj.searchingFor.label());