js中的继承

妖狐艹你老母 2024-04-19 13:01 2阅读 0赞

想要继承，就必须要提供个父类（继承谁，提供继承的属性）

父类

function People(name,age) \{给构造函数添加了参数

this.name=name;

this.age=age;

\}

People.prototype.eat = function (content) \{给构造函数添加了原型属性

console.log("我是peopole的吃方法现在是:"+this.name+"在调用我")

\}

prototype原型属性

一、原型链继承

function Man(name,age,sex)

\{

People.call(this,name,age)

this.sex=sex;

\}

// 把父类的原型链赋值给子类,可以实现原型链继承

Man.prototype=new People()

// 纠正子类构造函数的指向,让它指向自己

Man.prototype.constructor=Man;

二、借用构造函数继承

var p1 = new People("张三", 22)

console.log(p1)

// p1.say("hello!")

// 构造函数创建子类

function Man(name, age, sex)\{

// name\\age属性在父类中已经定义好了

// 指定调用函数中的this指向

// 对象冒充,让Man对象冒充People对象电泳People构造函数,People构造函数中this指向Man对象

// People.call(this, name, age)

People.apply(this,\[name, age\])

// 子类自定义的属性

this.sex = sex

\}

var m = new Man("李四", 23, "男")

console.log(m)

// 构造函数继承只继承父类构造函数中的属性,不能继承原型链上的方法

// m.say("你好！") 因为不会继承原型链所以执行父类的方法会报错

三、构造函数结合原型链继承(常用)

function People(name,age) \{

this.name=name;

this.age=age;

\}

People.prototype.eat = function (content) \{

console.log("我是peopole的吃方法现在是:"+this.name+"在调用我")

\}

function Man(name,age,sex)

\{

People.call(this,name,age)

this.sex=sex;

\}

Man.prototype=new People()

Man.prototype.constructor=Man;

// Man.prototype.eatdouble=function()

// \{

//     this.eat()

//     console.log("你好我是重写的方法")

// \}

Man.prototype.eat=function()

\{

console.log("你好我是重写的方法")

\}

// Man.eat()

var m=new Man("秦先生",15,"男")

console.log(m)

m.eat()

发表评论取消回复

表情：

评论列表（有 0 条评论，2人围观）

还没有评论，来说两句吧...

相关阅读

相关 js中的继承

想要继承，就必须要提供个父类（继承谁，提供继承的属性）父类 function People(name,age) \{给构造函数添加了参数 ...

妖狐艹你老母/ 2024年04月19日 13:01/ 0 赞/ 3 阅读

相关 js中的继承方式

目录： * * * 一、前言 * 二、继承的几种方式 * * * 1.借用构造函数继承 ...

刺骨的言语ヽ痛彻心扉/ 2024年04月18日 08:32/ 0 赞/ 9 阅读

相关 JS中的原型继承和多重继承

概念：1原型继承是创建新类型对象----子类型，子类型基于父类型，子类型拥有父类型所有的属性和方法（从父类型继承得到），然后修改其中的部分内容或者添加新的内容。继承最好在子类型

谁践踏了优雅/ 2023年08月17日 17:20/ 0 赞/ 70 阅读

相关 js中原型链的继承

方式1： 1.定义父类型构造函数 2.给父类型的原型添加方法 3.定义子类型的构造函数 4.创建父类型的对象赋值给子类型的原型 5.将子类型原型的构造属性设

今天药忘吃喽~/ 2022年12月04日 02:22/ 0 赞/ 122 阅读

相关 js中的继承

1、原型链继承子类的原型指向父类的实例，缺点：子类有多个实例，一个实例改变值是引用类型的属性的值会改变其他实例的相同属性的值；无法对父类进行传参

妖狐艹你老母/ 2022年09月16日 04:48/ 0 赞/ 110 阅读

相关 js中的继承详解

在js中实现的继承的方法可以有多种，除了原型继承之后，还可以使用借用、伪造构造函数的方法实现继承等等。接下来我们就详细的介绍一下这几种方式。 1.js中的原型继承关于

青旅半醒/ 2022年06月16日 12:46/ 0 赞/ 136 阅读

相关 JS中的继承

继承：一个对象a有权去访问另一个对象b上的成员定义一个动物类（实现下面的继承） function Animal (name) { th

你的名字/ 2022年06月09日 10:51/ 0 赞/ 109 阅读

相关关于JS中的继承（二）

JS中的call继承在子类的构造体中，把父类当做普通方法执行，让父类方法中的this指向子类的实例。 call继承的原理把父类构造体中私有的属性和方法，原封不动

系统管理员/ 2022年06月06日 13:26/ 0 赞/ 315 阅读

相关总结JS中的继承

ECMAScript没有明确的继承机制，而是通过模仿实现的，而且ECMAScript只支持实现继承（即继承实际的方法，还有接口继承），实现继承主要是依靠原型链来实现的。昨天

梦里梦外;/ 2022年05月14日 03:39/ 0 赞/ 137 阅读

相关 JS中Class类的继承

Class继承 Class 可以通过 extends 关键字实现继承，这比 ES5 的通过修改原型链实现继承，要清晰和方便很多 class Animat

Dear 丶/ 2021年09月19日 02:06/ 0 赞/ 553 阅读