当前位置：Gxlcms > JavaScript > 深入理解JavaScript是如何实现继承的_javascript技巧

深入理解JavaScript是如何实现继承的_javascript技巧

时间：2021-07-01 10:21:17 帮助过：4人阅读

最近最网上看了一个人面试淘宝时的经历，然后发现了自己有好多好多不太清楚的地方，所以特此写点文章来加深自己对一些问题的理解。

文章中提到了一个问题是：JavaScript是如何实现继承的？

下面我便阐述一些在网上找到的方法和实例来解释下，借以加深自己的印象。

我们知道JavaScript中的function是万能的，除了用于的函数定义，也可以用于类的定义。

JavaScript的继承，说起来也是有点怪，不像C++和一些面向对象的语言，他没有public,private等访问控制修饰，也没有implement或其他特定的符号来说明是实现继承。

关于javascript类的继承可以参考一下下面的这个例子。

代码如下:

输出，还是覆盖以前的值，说明我们仅仅是删除了子类中同名的属性，而父类当中的age属性通过一种不可见的链接依然存在在对象中。

如何在JavaScript中实现简单的继承？

下面的例子将创建一个雇员类Employee，它从Person继承了原型prototype中的所有属性。

代码如下:

function Employee(name, sex, employeeID) {
    this.name = name;
    this.sex = sex;
    this.employeeID = employeeID;
}
// 将Employee的原型指向Person的一个实例
// 因为Person的实例可以调用Person原型中的方法, 所以Employee的实例也可以调用Person原型中的所有属性。
Employee.prototype = new Person();
Employee.prototype.getEmployeeID = function() {
    return this.employeeID;
};
var zhang = new Employee("ZhangSan", "man", "1234");
console.log(zhang.getName()); // "ZhangSan

好了，以上就是一些关于javascript实现继承的具体过程，和实现继承的方法。

当然总结一下，javascript中的继承机制仅仅是靠模拟的，于一些面向对象的语言来讲，显的粗糙而且还有一些缺陷，不过总的来讲，这依然不并会降低前端开发者在这方面的热情。

深入理解JavaScript是如何实现继承的_javascript技巧

人气教程排行