Javascript Object.prototype未定義

Question

我正在嘗試在javascript中創建一個簡單的可擴展“類”，但是當在原型中設置屬性時，它告訴原型是未定義的：

Class = {};
Class.extend = function(obj) {
    var result = Object.create(this);

    if (obj) {
        for (var key in obj) {
          if(typeof obj[key] == 'function'){
            console.log(result);
            result.protorype[key] = obj[key];
          }else{
            result[key] = obj[key];
          };
        };

        result.prototype.constructor = result;
    }

    return result;

}

var a = Class.extend({
    username: "matteo",
    password: "nn te la dico",
    getByUsername: function() {
        return this.username;
    }
});



console.log(a, Class.isPrototypeOf(a));​

當在定義“a”時嘗試設置屬性'getByUsername'時會發生問題，如果你看控制台，它會報告：

Uncaught TypeError: Cannot set property 'getByUsername' of undefined 

並且記錄的“結果”具有“用戶名”和“密碼”屬性。

PS它只能在IE> 8中使用

這是一個小提琴http://jsfiddle.net/paglia_s/z62eA/

Answer 1

你有一個錯字。 result.protorype[key]應該是result.prototype[key]

Answer 2

只是不要使用以下方法創建對象：Class = {};

但是通過使用：Class = function（）{};

這會創建一個帶有原型的新對象..

您的代碼將如下所示：

Class = function(){};

Class.extend = function(obj) {
    var result = Object.create(this);

    if (obj) {
        for (var key in obj) {
          if(typeof obj[key] == 'function'){
            console.log(result);
            result.prototype[key] = obj[key];
          }else{
            result[key] = obj[key];
          };
        };

        result.prototype.constructor = result;
    }

    return result;

}

var a = Class.extend({
    username: "matteo",
    password: "nn te la dico",
    getByUsername: function() {
        return this.username;
    }
});


console.log(a, Class.isPrototypeOf(a));​