阅读量:0
JavaScript中的继承可以通过原型链实现。以下是一个简单示例：，，``
javascript，function Parent() {， this.name = 'Parent';，}，，function Child() {， this.name = 'Child';，}，，Child.prototype = Object.create(Parent.prototype);，Child.prototype.constructor = Child;，，const parent = new Parent();，const child = new Child();，，console.log(parent instanceof Parent); // true，console.log(child instanceof Parent); // true，console.log(child instanceof Child); // true，``在JavaScript中，继承是通过原型链实现的，下面是一个简单的继承实例代码：
// 父类构造函数 function Parent(name) { this.name = name; } // 父类的方法 Parent.prototype.sayName = function() { console.log("My name is " + this.name); }; // 子类构造函数 function Child(name, age) { Parent.call(this, name); // 调用父类的构造函数 this.age = age; } // 设置子类的原型为父类的实例 Child.prototype = Object.create(Parent.prototype); // 修正子类的构造器指向 Child.prototype.constructor = Child; // 子类的方法 Child.prototype.sayAge = function() { console.log("I am " + this.age + " years old"); }; // 测试代码 var child1 = new Child("Alice", 10); child1.sayName(); // 输出： My name is Alice child1.sayAge(); // 输出： I am 10 years old在上面的代码中，我们首先定义了一个Parent构造函数和一个sayName方法，我们创建了一个Child构造函数，并在其中调用了Parent构造函数来继承其属性，我们将Child的原型设置为Parent的一个实例，并修正了Child的构造器指向，我们添加了一个sayAge方法到Child的原型上。
单元表格：
| 类型 | 描述 |
| 父类构造函数 | Parent |
| 父类方法 | sayName |
| 子类构造函数 | Child |
| 子类方法 | sayAge |
相关问题与解答：
问题1：如何在JavaScript中使用ES6的class语法来实现继承？
答案1：在ES6中，可以使用class关键字和extends关键字来实现继承。
class Parent { constructor(name) { this.name = name; } sayName() { console.log("My name is " + this.name); } } class Child extends Parent { constructor(name, age) { super(name); // 调用父类的构造函数 this.age = age; } sayAge() { console.log("I am " + this.age + " years old"); } } const child1 = new Child("Alice", 10); child1.sayName(); // 输出： My name is Alice child1.sayAge(); // 输出： I am 10 years old问题2：如何避免在JavaScript中使用原型链时出现的问题，如原型污染？
答案2：为了避免原型污染，可以采用以下几种方法：
使用Object.create(null)创建一个没有原型的新对象作为子类的原型，这样可以避免从Object.prototype继承不必要的属性和方法。
使用ES6的class语法，它会自动处理原型链，并且提供了更简洁的语法。
以上内容就是解答有关“javascript中的继承实例代码-javascript技巧”的详细内容了，我相信这篇文章可以为您解决一些疑惑，有任何问题欢迎留言反馈，谢谢阅读。
