1

我正在尝试在 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/

4

2 回答 2

2

你有一个错字。result.protorype[key]应该result.prototype[key]

于 2012-06-20T09:50:12.763 回答
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));​
于 2012-06-20T10:00:34.560 回答