web建站教程
  1. 首页
  2. vuejs
  3. js
  4. 好玩
  5. seo教程
  6. 前端知识
  7. 百度echarts
  8. 更多
    php入门
    nodejs
    mockjs
    reactjs
    mysql
    wordpress
    织梦cms
    帝国cms
    git教程
    IT知识
    模板大全
    休息站

Javascript有哪些方法可以实现继承

414 ℃
     

Javascript可以实现继承的方法有很多?下面web建站小编给大家简单介绍一下!

原型链继承:利用原型让一个引用类型继承另一个引用类型的属性和方法

function Parent() { ... }
Parent.prototype.method = function() { ... }

function Child() { ... }
Child.prototype = new Parent(); // 继承Parent
let child = new Child();
child.method(); // 可以调用Parent的方法

组合继承:原型链继承与构造函数继承的组合

//使用原型链实现对父类方法的继承,使用构造函数实现对父类属性的继承。
function Parent() { ... }
Parent.prototype.method = function() { ... }

function Child() { 
  Parent.call(this); // 继承属性
}
Child.prototype = new Parent(); // 继承方法
Child.prototype.constructor = Child;
let child = new Child();

构造函数继承:在子类构造函数中调用父类构造函数

function Parent() { ... } 
function Child() { 
  Parent.call(this); // 继承Parent
}
let child = new Child();

原型式继承:使用一个空对象作为中介,继承另一个对象的属性

let parent = { ... }; 
let child = Object.create(parent); // 创建对象,parent为原型 
child.method = function() { ... }

ES6 的 class 继承:使用 extends 关键字实现继承

class Parent { ... } 
class Child extends Parent { 
  constructor() { ... }
}
let child = new Child();

javascript三元运算符是什么?(常用语法介绍)

介绍几种对象转换为数组的javascript方法

javascript根据相同id合并形成child子数组(支持低版本浏览器)

javaScript数字格式化方法介绍

JavaScript运用asyncAdd方法实现异步

标签: JavaScript方法, Javascript继承, js原型式继承, js原型链继承, js构造函数继承, js组合继承

上面是“Javascript有哪些方法可以实现继承”的全面内容,想了解更多关于 js 内容,请继续关注web建站教程。

当前网址:https://ipkd.cn/webs_5076.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

当前位置: 网站首页 > js
本文共计821个字,预计阅读时长6分钟
生活小工具,收录了80多款小工具
上一篇: 推荐一款免费在线图片处理工具——佐糖图片平台
下一篇: 推荐一款优设网免费可商用字体——优设标题黑体
x 打工人ai神器