九州下载 - 系统安卓苹果手机游戏推荐下载网站!

当前位置:九州下载 > 建站问答 >

js使用构造函数的缺点

时间:2023-02-26 10:30编辑:九州下载来源:www.wzjsgs.com

1、不是原型链继承,只是借用构造函数,所以不能继承原型的属性和方法。

2、虽然构造函数中定义的属性和方法是可以访问的,但是每个实例都被复制了。

如果例子太多,方法太多,占用内存很大,那么方法就在构造函数中定义,函数的复用就无从谈起。

实例

//父构造函数
functionFather(){
this.name='father'
this.speakName1=function(){
console.log('speakName1')
}
this.speakName2=function(){
console.log('speakName2')
}
this.speakName3=function(){
console.log('speakName3')
}
this.speakName4=function(){
console.log('speakName4')
}
}
//父原型上方法
Father.prototype.alertName=function(){
console.log(this.name)
}
//父原型上属性
Father.prototype.age=21
//子构造函数
functionChildren(){
Father.call(this)
}

//创建子实例
letc1=newChildren()
//调用原型方法,实例访问不到
c1.alertName()
//TypeError:c1.alertNameisnotafunction

//访问原型属性,实例中未定义
console.log(c1.age)
//undefined

//可以访问实例属性,但是每个实例都存有自己一份name值
console.log(c1.name)
//father

//可以访问实例方法,但是每个实例都存有自己一份speakName1()方法,
//且方法过多,内存占用量大,这就不叫复用了
c1.speakName1()//speakName1

c1.speakName2()//speakName2

c1.speakName3()//speakName3

c1.speakName4()//speakName4

//instanceofisPrototypeOf无法判断实例和类型的关系
console.log(Father.prototype.isPrototypeOf(c1))//false
console.log(c1instanceofFather)//false

以上就是js使用构造函数的缺点,希望对大家有所帮助。

推荐操作环境:windows7系统、jquery3.2.1版本,DELL G3电脑。

相关文章