Javascript Object.prototype未定义

Question

I'm trying to create a simple extensible "class" in javascript but when setting property in a prototype it tells that the prototype is undefined:

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

The problem happens when trying to set the property 'getByUsername' passed when defining "a", if you look at the console it will report that:

Uncaught TypeError: Cannot set property 'getByUsername' of undefined 

And the "result" logged has the properties "username" and "password".

PS It will work only in IE > 8

Here is a fiddle http://jsfiddle.net/paglia_s/z62eA/

Answer 1

You have a typo. result.protorype[key] should be result.prototype[key]

Answer 2

Just don't create your object by using : Class = {};

But by using : Class = function(){};

Which creates a new object with a prototype..

Your code will look like so :

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