入門「未定義」當一個屬性在原型

Question

的我開始使用原型構造函數初始化和我得到了預期的結果，如果我使用的代碼：

$(document).ready(function() { 
    var MyObject = new MyClass(); 

    MyObject.assign(); 

    MyObject.console(); 
}); 

function MyClass() { 
    var myProperty; 
}; 

MyClass.prototype = { 

    assign: function() { 
     this.myProperty = 'Hello world!'; 
    }, 

    console: function() { 
     console.log(this.myProperty); // Shows 'Hello world!' 
    } 
}; 

但下面的代碼返回undefined。我不明白爲什麼，有誰能幫助我嗎？

$(document).ready(function() { 
    var MyObject = new MyClass(); 

    MyObject.console(); 
}); 

function MyClass() { 
    var myProperty = 'Hello world!'; 
}; 

MyClass.prototype = { 

    console: function() { 
     console.log(this.myProperty); // Shows 'undefined' 
    } 
}; 

Answer 1

在第一段代碼，實際上創建和定義屬性：this.myProperty = 'Hello world!';而在此之前，這個屬性不存在。

在第二段代碼中，您從不定義屬性。

將其更改爲：

function MyClass() { 
    //NOT "var", but "this." 
    this.myProperty = 'Hello world!'; 
}; 

另一種方式來做到這一點（如果該值myProperty應該默認爲一定的價值，就是把它的原型：

MyClass.prototype = { 

    //Now all instantiations will have this preset  
    myProperty: "Hello World", 

    console: function() { 
     console.log(this.myProperty); 
    } 
}; 

Answer 2

試試這個： http://jsfiddle.net/csdtesting/d369Lw0f/

根據這個約objects and prototype。

$(document).ready(function() { 
 
    var MyObject = new MyClass(); 
 
    MyObject.console(); 
 
}); 
 

 
function MyClass() { 
 
    this.myProperty = 'Hello world!'; 
 
}; 
 

 
MyClass.prototype.console = function() { 
 
    //console.log(this.myProperty); 
 
    document.write(this.myProperty); 
 
};

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

希望它能幫助！