1.构造函数(源码见20200812-----03.html)
使用工厂方法创建的对象,使用的构造函数都是Object,所以创建的对象都是Object这个类型,就导致我们无法区分出多种不同类型的对象
-
创建一个构造函数,专门用来创建Person对象
-
构造函数就是一个普通的函数,创建方式和普通函数没有区别,不同的是构造函数习惯上首字母大写
-
构造函数和普通函数的区别就是调用方式的不同,普通函数是直接调用,而构造函数需要使用new关键字来调用
-
构造函数的执行流程:
①立刻创建一个新的对象
②将新建的对象设置为函数中this,在构造函数中可以使用this来引用新建的对象
③逐行执行函数中的代码
④将新建的对象作为返回值返回 -
使用同一个构造函数创建的对象,称为一类对象,也可以将一个构造函数称为一个类,将通过一个构造函数创建的对象称为是该构造函数(类)的实例
function Person(name,age,gender){
this.name = name
this.age = age
this.gender = gender
}
function Dog(name,age,gender){
this.name = name
this.age = age
this.gender = gender
}
var per = new Person("孙悟空",18,"男")
var per2 = new Person("唐僧",20,"男")
var dog = new Dog("镜子",2,"公")
var dog2 = new Dog("梳子",1,"母")
console.log(per)
console.log(per2)
console.log(dog)
console.log(dog2)
2.instanceof
- 使用instanceof可以检查一个对象是否是一个类的实例
语法:对象 instanceof 构造函数
如果是则返回true,否则返回false
console.log(per instanceof Person)
console.log(dog instanceof Dog)
console.log(per instanceof Dog)
3.所有的对象都是Object的后代,所以任何对象和Object做instanceof检查时都会返回true
console.log(per instanceof Object)
console.log(dog instanceof Object)
4.构造函数修改
在Person构造函数中,为每一个对象都添加了一个sayHello方法,目前我们的方法是在构造函数内部创建的,也就是构造函数每执行一次就会创建一个新的sayHello方法,也是所有实例的sayName都是唯一的,这样就导致了构造函数执行一次就会创建一个新的方法,执行一万次就会创建一万个新的方法,而一万的方法的功能是一模一样的,这是完全没有必要的,完全可以使所有的对象共享同一个方法
function Person(name,age,gender){
this.name = name
this.age = age
this.gender = gender
this.sayHello = function(){
console.log("hello,我是"+this.name)
}
}
var per = new Person("孙悟空",18,"男")
var per2 = new Person("猪八戒",24,"男")
per.sayHello()
per2.sayHello()
console.log(per.sayHello == per2.sayHello)
为了避免上述的问题,我们可以将sayHello方法在全局作用域中定义
function fun(){
console.log("hello,我是"+this.name)
}
function Person(name,age,gender){
this.name = name
this.age = age
this.gender = gender
this.sayHello = fun
}
var per = new Person("孙悟空",18,"男")
var per2 = new Person("猪八戒",24,"男")
per.sayHello()
per2.sayHello()
console.log(per.sayHello == per2.sayHello)