您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息
免费发信息

javascript借用构造函数的解析(附示例)

2024/4/25 20:45:48发布5次查看
本篇文章给大家带来的内容是关于javascript借用构造函数的解析(附示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。
借用构造函数
为了解决原型中包含引用类型值所带来问题,开发人员开始使用一种叫做借用构造函数(constructor stealing)的技术。
有时候也叫伪造对象或者经典继承。
这种技术的基本思想非常简单,即在子类型构造函数内部调用超类型构造函数。
函数只不过是在特定环境中的执行代码的对象,因此通过使用apply()和call()方法也可以在新创造的对象上执行构造函数。
function supertype() {    this.colors = [red,blue,green];}function subtype() {    //继承了supertype    supertype.call(this);}var instance1 = new subtype();instance1.colors.push(black);console.log(instance1.colors); //[red,blue,green,black]var instance2 = new subtype();console.log(instance2.colors); //[red,blue,green]
注意,这一段代码“借调”了超类型的构造函数。
function subtype() {    //继承了supertype    supertype.call(this);}
通过使用call()方法(或apply()方法也可以),实际上是在将要创建的subtype实例对象的环境下调用了supertype构造函数。
这样一来,就会在新subtype对象上,执行supertype()函数中定义的所有对象初始化代码。
所以,subtype的每个实例对象都有具有自己的colors属性的副本了
传递参数
相对于原型链而言,借用构造函数有一个很大的优势,就是可以在子类型构造函数中向超类型构造函数传递参数。
function supertype(name) {    this.name = name;}function subtype(){    //继承了supertype,同时还传递了参数    supertype.call(this, shaw);    //实例属性    this.age = 18;}var instance = new subtype();console.log(instance.name); // shawconsole.log(instance.age); // 18
以上代码中的supertype只接受一个参数name,该参数会直接赋值给一个属性。
在subtype构造函数内部调用supertype构造函数时,实际上是为subtype的实例对象设置了name属性(this的指向,跟执行上下文有关)。
为了确保supertype构造函数不会重写子类型的属性,可以在调用超类型的构造函数后,再添加应该在子类型中定义的属性。
借用构造函数的问题如果仅仅是借用构造函数,那么也将无法避免构造函数模式存在的问题。
方法都在构造函数中定义,函数的复用就无从说起了,每实例化一个对象,实质上都在每个实例对象上重新创建了一遍方法, 造成内存和资源的浪费。
而且,在超类型的原型中定义的方法,对子类型而言也是不可见的(因为这里没用原型对象,实际上子类型的原型链指向了object), 结果所有类型都只能使用构造函数模式。
考虑到这些问题,借用构造函数的技术也是很少单独使用的。
以上就是javascript借用构造函数的解析(附示例)的详细内容。
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录