javascript prototype var undefined, но я не уверен, почему.

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); 

Ожидаемый результат от этого будет It contains a div block and a label. Но я получаю undefinedand a label.

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()); 

Answer 2

Вы не можете получить доступ к свойствам объекта, а инициализация. Вы можете определить переменную, а затем использовать его:

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

Answer 3

Вы также можете использовать поглотитель

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

console.log(myObject.searchingFor.label)