使用工厂的方式创建对象
如果需要创建多个相似的独享的时候,需要填写许多重复代码。
所以我们使用将其进行封装,实现工厂化生产,批量生产。
将创建对象的过长写到函数中,并将函数传递给函数:
function createPerson(name, age, gender){
var obj = new Object();
// 创建属性
obj.name = name;
obj.age = age;
obj.gender = gender;
obj.sayName = function(){
alert(this.name);
}
return obj;
}
var obj1 = createPerson("白骨精",32,"女");
var obj2 = createPerson("玉面狐狸",23,"女");
var obj3 = createPerson("玉兔精",32,"女");
obj1.sayName();
问题:
使用工厂方法创建的对象,使用的构造函数都是Object,所以创建的对象都是Object这个类型;
就导致我们无法区分出多种不同类型的对象。
如:创建人和狗都是使用 new Object()
进行创建。
构造函数创建对象——相当于java中的类
构造函数的格式:
function 函数名(参数){
}
构造函数就是一个普通的函数,创建方式和普通函数没有区别。
不同的是:
-
构造函数习惯上首字母大写
-
调用方式的不同普通函数是直接调用,构造函数需要使用
new关键字
来调用。 -
创建一个构造函数专门用来创建Person对象。
-
构造函数的执行流程:
1.立刻创建一个新的对象
2.将新建的对象设置为函数中this ,在构造函数中可以使用this来引用新建的对象
3.逐行执行函数中的代码
4.将新建的对象作为返回值返回
eg:
function Person(name, age, gender){
this.name = name;
this.age = age;
this.gender = gender;
this.saiName = function(){
alert(this.name);
};
}
var per1 = new Person("白骨精",18,"女");
var per2 = new Person("蜘蛛精",28,"女");
var per3 = new Person("玉兔精",18,"女");
console.log(per1);
console.log(per2);
console.log(per3);
输出:
使用同一个构造函数创建的对象,我们称为一类对象,也将一个构造函数称为一个类。
我们将通过一个构造函数创建的对象,称为是该类的实例。
instanceof ——判断是否是该类的实例
使用instanceof可以检查一个对象是否是一个类的实例
语法: 对象名 instanceof 构造函数名
如果是,则返回true,否则返回false
eg:
function Person(name, age, gender){
this.name = name;
this.age = age;
this.gender = gender;
this.saiName = function(){
alert(this.name);
};
}
var per1 = new Person("白骨精",18,"女");
var per2 = new Person("蜘蛛精",28,"女");
var per3 = new Person("玉兔精",18,"女");
function Dog(name ,age){
this.name = name;
this.age = age;
}
var dog = new Dog("豆豆",4);
console.log(per1 instanceof Person);
console.log(dog instanceof Person);
输出:
true
false
构造函数的缺点
- 问题:如果在构造函数中创建函数,则每创建一个对象就会有一个构造函数,会造成资源的浪费。
解决:
将函数提出来,构造函数中进行引用即可:
function Person(name, age, gender){
this.name = name;
this.age = age;
this.gender = gender;
this.sayName = fun;
}
function fun(){
alert(this.name);
};
var per1 = new Person("白骨精",18,"女");
var per2 = new Person("蜘蛛精",28,"女");
var per3 = new Person("玉兔精",18,"女");
console.log(per1.sayName == per2.sayName)
per1.sayName();
per2.sayName();
输出:
true
- 问题:这样定义就相当于将sayName方法在全局作用域中定义
将函数定义在全局作用域,污染了全局作用域的命名空间而且定义在全局作用域中也很不安全。
这就引入原型对象的概念了,有兴趣的可以查看:
https://blog.csdn.net/mantou_riji/article/details/123954886
补充
所有的对象都是Object的后代,
所以任何对象和Object用instanceof检查时都会返回true。
this的使用
1.当以函数的形式调用时,this是window
2.当以方法的形式调用时,谁调用方法this就是谁
3.当以构造函数的形式调用时,this就是新创建的那个对象|