当前位置: 首页 > wzjs >正文

jsp动态网站开发结业考试关于友情链接的作用有

jsp动态网站开发结业考试,关于友情链接的作用有,仪器网站模版,wordpress弹窗下载插件在 JavaScript 中,构造函数继承可以通过 原型链 和 构造函数调用 实现。以下是 ES5 和 ES6 的实现方式: ES5 实现方式 关键步骤 继承实例属性:在子构造函数中调用父构造函数的 call/apply,绑定 this。继承原型方法:将…

在 JavaScript 中,构造函数继承可以通过 原型链构造函数调用 实现。以下是 ES5ES6 的实现方式:


ES5 实现方式

关键步骤
  1. 继承实例属性:在子构造函数中调用父构造函数的 call/apply,绑定 this
  2. 继承原型方法:将子构造函数的原型设置为父构造函数的实例,形成原型链。
  3. 修复 constructor:修正子构造函数原型的 constructor 指向自身。
代码实现
// 父构造函数
function Parent(name) {this.name = name; // 实例属性
}
Parent.prototype.sayName = function() { // 原型方法console.log("Parent name:", this.name);
};// 子构造函数
function Child(name, age) {// 1. 继承父构造函数的实例属性Parent.call(this, name); // 绑定 this,传递参数this.age = age;
}// 2. 继承父构造函数的原型方法
Child.prototype = Object.create(Parent.prototype); // 建立原型链// 3. 修复 constructor 指向
Child.prototype.constructor = Child;// 子类新增原型方法
Child.prototype.sayAge = function() {console.log("Child age:", this.age);
};// 测试
const child = new Child("Alice", 10);
child.sayName(); // Parent name: Alice
child.sayAge();  // Child age: 10
关键点
  • Parent.call(this):确保子类实例继承父类的实例属性。
  • Object.create(Parent.prototype):避免直接调用 new Parent()(可能触发父类副作用),仅继承原型方法。
  • 修复 constructor:防止原型链混乱(否则 child.constructor 会指向 Parent)。

ES6 实现方式

ES6 通过 classextends 简化继承,底层依然基于原型链。

代码实现
// 父类
class Parent {constructor(name) {this.name = name; // 实例属性}sayName() { // 原型方法console.log("Parent name:", this.name);}
}// 子类继承父类
class Child extends Parent {constructor(name, age) {super(name); // 必须调用 super(),继承父类实例属性this.age = age;}sayAge() { // 子类原型方法console.log("Child age:", this.age);}
}// 测试
const child = new Child("Bob", 12);
child.sayName(); // Parent name: Bob
child.sayAge();  // Child age: 12
关键点
  • extends:建立原型链,自动继承父类原型方法。
  • super():必须优先调用,相当于 Parent.call(this),负责初始化父类实例属性。
  • 无需手动维护原型链和 constructor:语法糖自动处理。

对比总结

特性ES5ES6
语法手动操作原型链和构造函数调用使用 classextends 语法糖
实例属性继承通过 Parent.call(this)通过 super()
原型方法继承手动设置 Child.prototype = Object.create()自动通过 extends 实现
constructor 修复需手动修正 Child.prototype.constructor自动维护
静态方法继承需手动处理(如 Child.__proto__ = Parent自动继承

注意事项

  1. ES6 的 super
    • 必须在子类 constructor优先调用,否则报错。
    • super 在方法中可调用父类原型方法(如 super.sayName())。
  2. 静态方法继承
    • ES5 中需手动设置 Child.__proto__ = Parent
    • ES6 中通过 extends 自动继承父类的静态方法。

通过 ES5 显式原型链操作ES6 的 class 语法,均可实现构造函数继承。ES6 的语法更简洁且更接近传统面向对象语言,推荐优先使用。

http://www.dtcms.com/wzjs/182682.html

相关文章:

  • 招商网站自动seo系统
  • 节日网站网页设计html腾讯新闻最新消息
  • 网站访问统计报告模板关键词优化排名第一
  • 初创品牌网站建设百度seo优化技巧
  • 问答社区网站建设怎么创建网站?
  • 哈尔滨 做网站公司有哪些南宁百度seo排名优化软件
  • 找别人建网站去哪里百度搜索推广流程
  • 外贸网站建设注意重庆seo
  • 做代刷网站赚钱不大片网站推广
  • 南宁如何做百度的网站新站网站推广公司
  • 帝国cms怎样做网站迁移个人免费开发网站
  • 寿光做网站m0536seo网络优化是做什么的
  • 重庆做网站微信的公司竞价推广套户渠道商
  • 五行seo博客百度seo优化排名
  • 做网站1核1g服务器够吗百度搜索风云榜下载
  • 营销型网站建站公司外贸推广平台哪个好
  • 做一个门户网站要多少钱免费云服务器
  • Python做网站 性能seo广告优化多少钱
  • 最好的国内科技网站建设重庆网站网络推广
  • 赤峰做网站哪家好百度投诉电话人工客服24小时
  • 网站建设怎么谈seo刷点击软件
  • 重庆市建设节能中心网站南昌seo建站
  • 织梦cms手机网站此网站不支持下载视频怎么办
  • 建站平台加盟广告平台有哪些
  • 有意义的网站在线数据分析网站
  • 网站logo在哪里互联网媒体广告公司
  • 一个网站有多少页面seo关键词排名优化要多少钱
  • 北京网站制作收费标准电商软文广告经典案例
  • 网站如何做交互目前最新推广平台
  • 做商业广告有什么网站好推销的西安seo外包行者seo