Javascript创建对象的5种姿势

/* Start and stop animations using functions. */

function startAnimation() {
alert('startAnimation');
}

function stopAnimation() {
alert('stopAnimation');
}

/* Anim class. */

var Anim = function() {

};
Anim.prototype.start = function() {
alert('dasdasd');
};
Anim.prototype.stop = function() {
alert('dsadsasdfdsfds');
};

/* Usage. */

var myAnim = new Anim();
myAnim.start();
myAnim.stop();

/* Anim class, with a slightly different syntax for declaring methods. */

var Anim = function() {

};
Anim.prototype = {
start: function() {
alert('i am start');
},
stop: function() {
alert('i am stop');
}
};

var myAnim = new Anim();
myAnim.start();
myAnim.stop();

/* Add a method to the Function class that can be used to declare methods. */

Function.prototype.method = function(name, fn) {
this.prototype[name] = fn;
};

/* Anim class, with methods created using a convenience method. */

var Anim = function() {

};
Anim.method('start', function() {
alert('i am a start two');
});
Anim.method('stop', function() {
alert(' i am a stop two');
});

var myAnim = new Anim();
myAnim.start();
myAnim.stop();

/* This version allows the calls to be chained. */

Function.prototype.method = function(name, fn) {
this.prototype[name] = fn;
return this;
};

/* Anim class, with methods created using a convenience method and chaining. */

var Anim = function() {

};
Anim.
method('start', function() {
alert('endstart');
}).
method('stop', function() {
alert('endstop');
});