JavaScript 快速導覽 - 物件的 prototype 性質 | tsxz2009 - 點部落

2014-01-17

JavaScript 快速導覽 - 物件的 prototype 性質

摘要:JavaScript 快速導覽 - 物件的 prototype 性質

雖然物件 (object) 可以直接在建構子 (constructor) 中定義屬性 (attribute) 及方法 (method) ，然而方法定義放在建構子中會產生某些問題，這個問題就是新建物件時，每個物件都得帶著方法，佔去不少記憶體空間。

利用 JavaScript 物件的 prototype 性質 (property) 可以避免浪費記憶體空間的問題，這是說，將方法定義移出建構子定義之中，稍後再以物件用 prototype 性質定義該方法，如下例

function run() {
    var c = document.getElementById("content");
    var n = document.createElement("p"); 
     
    var demo = new Demo("John", "Mary");
            
    n.appendChild(document.createTextNode(demo.showMessage()));
    c.appendChild(n);
}
 
function Demo(a, b) {
    this.a = a;
    this.b = b;
}
 
Demo.prototype.showMessage = function() {
    return "Demo is " + this.a + ", " + this.b;
}

利用以下的 HTML 文件載入

<!--<html>

<head>

<title>JavaScript Demo</title>

</head>

<body>

</body>

</html>-->

回首頁