2020-08012(构造函数)

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)

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值