工厂模式
原型模式
增强模式
var Person = function(name){
var obj = new Object();
obj.name = name;
obj.fn = function(){console.log(this.name)};
return obj;
}
构造函数模式
var Person = function(name){
this.name = name;
this.fn = function(){console.log(this.name)};
}
已这种方式创建会导致不同的作用域链和标示符解析,但创建的function新实例的机制仍然是相同的,不同实例上的同名函数是不相等的。
原型模式
var Person = function(name){
Person.prototype.name = name;
}
Person.prototype.sex = '男';
Person.prototype.fn = function(){console.log(this.name)};
Person.prototype = {
//重写constructor,为了特殊对比 (obj.constructor == Person) true
constructor:Person,//重写constructor会导致它的【[Enumerable]】特性被设置为true,默认false是不可枚举的
age:22,
hoby:['电竞游戏','睡觉']
}
window.MyApp = function(name){
var p = new Person(name);
return p;
}
原型模式的问题
var p1 = new Person();
var p2 = new Person();
p1.hoby.push('手游');
console.log(p1.hoby.join(',')); //电竞游戏,睡觉,手游
console.log(p2.hoby.join(','));//电竞游戏,睡觉,手游
以上结果一样
动态原型模式
var Person = function(name){
this.name = name;
//动态添加属性
if(typeof this.fn != "function"){
Person.prototype.fn = function(){console.log(this.name)};
}
}
寄生构造函数模式
var SpecialArray = function(name){
var array = new Array();
array.push.apply(array,arguments);
array.getArrays = function(){
return this.join('|');
}
return array;
}
稳妥的构造函数模式
var Person = function(name){
//除了fn能访问name没有其它途径访问name属性
obj.fn = function(){console.log(name)};
return obj;
}
增强模式
(function () {
var Person = function(name){
var obj = new Object();
obj.name = name;
obj.fn = function(){console.log(this.name)};
return obj;
}
window.MyApp = function(name){
var p = new Person(name);
return p;
}
}())
var myApp = new MyApp("TEST");
console.log(myApp.name);