javaScript创建对象
工厂模式
目的:解决创建多个相似对象时,重复书写问题
思路:抽象了创建具体对象的过程,用函数来封装以特定接口创建对象的细节
缺点:没有解决对象识别的问题,不知道对象的类型
例子:
function createPerson(name, age, job){
var o = new Object();
o.name = name;
o.age = age;
o.job = job;
o.sayName = function(){
alert(this.name);
};
return o;
}
var person1 = createPerson("Nicholas", 29, "Software Engineer");
var person2 = createPerson("Greg", 27, "Doctor");
Object 和 Array 这样的原生构造函数,在运行时会自动出现在执行环境中
构造函数模式
例子:
function Person(name, age, job){
this.name = name;
this.age = age;
this.job = job;
this.sayName = function(){
alert(this.name);
};
}
var person1 = new Person("Nicholas", 29, "Software Engineer");
var person2 = new Person("Greg", 27, "Doctor");
此时必须提一下构造函数与普通函数的区别
- 构造函数始终都应该以一个大写字母开头,普通函数一般以小写字母开头。
- 构造函数通过new操作符创建一个实例进行调用,普通函数直接调用。
通过创建实例的方式调用构造函数会经历一下四个步骤:
(1)、创建一个新对象
(2)、将构造函数的作用域赋给新对象
(3)、执行构造函数中的代码
(4)、返回新对象 - 构造函数内部this指向新创建的实例,普通函数内部this执行调用函数的对象
- 构造函数的默认返回值是构造函数的实例,普通函数的返回值于return决定
可通过instanceof操作符来验证new创建的对象是否属于该构造函
常用的判断复杂(引用)数据类型的方法
复杂数据类型:object、function、array
instanceof:检测的是原型
{} instanceof Object;//true
常用的判断基本数据类型的方法
基本数据类型:number、string、Boolean、undefined、symbol、null
typeof:一般用来判断基本类型,除了null返回object
typeof ''; // string
typeof 1; // number
typeof true; //boolean
typeof undefined; //undefined
typeof null; //object
最好用的判断类型的方法
Object.prototype.toString
Object.prototype.toString.call(true) ; // [object Boolean]
Object.prototype.toString.call(undefined) ; // [object Undefined]
原型模式
目的:解决构造函数模式中每个方法都要在每个实例上重新创建一遍的问题
缺点:原型中所有属性是被很多实例共享的,一旦有一个实例对属性做了修改,那么所有实例都会被修改
优点:让所有对象实例共享它所包含的属性和方法
例子:
function Person(){
}
Person.prototype.name = "Nicholas";
Person.prototype.age = 29;
Person.prototype.job = "Software Engineer";
Person.prototype.sayName = function(){
alert(this.name);
};
var person1 = new Person();
person1.sayName(); //"Nicholas"
var person2 = new Person();
person2.sayName(); //"Nicholas"
alert(person1.sayName == person2.sayName); //true
组合使用构造函数模式和原型模式
方法:构造函数模式用于定义实例属性,而原型模式用于定义方法和共享的属性
优点:每一个实例都会有自己的一份实例属性的副本,同时又共享着对方法1引用,最大限度的节省了内测
例子:
function Person(name, age, job){
this.name = name;
this.age = age;
this.job = job;
this.friends = ["Shelby", "Court"];
}
Person.prototype = {
constructor : Person,
sayName : function(){
alert(this.name);
}
}
var person1 = new Person("Nicholas", 29, "Software Engineer");
var person2 = new Person("Greg", 27, "Doctor");
person1.friends.push("Van");
alert(person1.friends); //"Shelby,Count,Van"
alert(person2.friends); //"Shelby,Count"
alert(person1.friends === person2.friends); //false
alert(person1.sayName === person2.sayName); //true
动态原型模式
例子:
function Person(name, age, job){
//属性
this.name = name;
this.age = age;
this.job = job;
//方法
if (typeof this.sayName != "function"){
Person.prototype.sayName = function(){
alert(this.name);
};
}
}
var friend = new Person("Nicholas", 29, "Software Engineer");
friend.sayName();
寄生构造函数模式(和工厂模式一模一样,只是在调用时使用了new创建实例,尽量不使用)
例子:
function Person(name, age, job){
var o = new Object();
o.name = name;
o.age = age;
o.job = job;
o.sayName = function(){
alert(this.name);
};
return o;
}
var friend = new Person("Nicholas", 29, "Software Engineer");
friend.sayName(); //"Nicholas"
稳妥构造函数模式
稳妥构造函数遵循与寄生构造函数类似的模式,但有两点不同:一是新创建对象的实例方法不引用 this;二是不使用 new 操作符调用构造函数
例子:
function Person(name, age, job){
//创建要返回的对象
var o = new Object();
//可以在这里定义私有变量和函数
//添加方法
o.sayName = function(){
alert(name);
};
//返回对象
return o;
}
var friend = Person("Nicholas", 29, "Software Engineer");
friend.sayName(); //"Nicholas"