继承和深浅拷贝

最新推荐文章于 2024-05-29 07:56:21 发布

码农—小加

最新推荐文章于 2024-05-29 07:56:21 发布

阅读量162

点赞数

文章标签：原型模式 javascript 开发语言

本文链接：https://blog.youkuaiyun.com/weixin_41631449/article/details/128813879

版权

1.构造函数

作用：批量创建具有相同属性和方法的实例对象

语法：

function 函数名（形参）{

this.xxx = xxx

}

let p = new 函数名（实参）

！！！1.函数名的首字母要大写； 2.调用时要使用new关键字；3.不需要返回值； 4.需要在函数体内部通过this关键字接收属性。

new关键字的作用：

1.创建一个空对象

2.将this指向这个空对象

3.执行构造函数内部的代码

4.返回这个新对象

方法过载：直接挂载到构造函数内部的方法，如果实例化了多个对象，就意味着会在内存中开辟多个空间，用来存储具有相同功能的方法，造成内存浪费。

解决方法过载：使用原型对象

2.原型

作用：共享属性和方法

特性：

1.每一个构造函数都会有一个prototype，这就是原型对象，也叫显式原型，挂载到原型对象上的方法可以被共享；

2.每一个实例对象都会有一个__proto__，这就是对象的原型，也叫隐式原型，他会指向构造函数的原型对象

3.每一个原型对象都会有一个constructor，这就是构造器，他会指向构造函数本身。

3.原型链

作用：规定了对象的属性和方法的查找规则。首先在构造函数上查找，找到就执行，并终止查找；没有就在构造函数的原型对象上查找，如果还没有找到就会在Object的原型对象上查找，如果还没找到就会保存

特性：

1.构造函数的原型对象也是一个对象，他也会有隐式原型，会指向Object的原型对象

2.Object的原型对象又是一个对象，他也会有隐式原型，会指向null

3.Object的原型对象也会有一个构造器，他会指向Object这个构造函数本身

原型链图：

4. ES5寄生组合式继承

`步骤`
    1.属性继承
        //原理：强制将父构造函数内部的this指向子构造函数的实例对象
        //方法：在子构造函数内部，通过call方法调用父构造函数，call的第一个参数就是子构造函数的实例对象
        //语法：
        Father.call(this,参数1,参数2)
    2.方法的继承
        //原理：强制将子构造函数原型对象的隐式原型指向父构造函数的原型对象
        //方法：Son.prototype = Object.create(Father.prototype)
        //Object.create():创建一个新对象，该对象的隐式原型指向源对象
        let tep = Object.create(Father.prototype)
        Son.prototype = tep
    3.手动将子构造函数的原型对象的构造器指回子构造函数本身
        //方法：Son.prototype.constructor = Son

5.ES6的类

作用：批量创建具有相同属性和方法的实例对象

语法：

class 类名{
    //构造器函数：挂载属性
    //静态属性可以不用写在构造器函数里面，比如pig
    pig = '猪'
    。constructor(形参){
        this.属性 = 值
    }
    //原型方法
    方法名(){ }
    //静态方法：不可以被实例对象使用，也不可以被继承的方法
    static 方法名(){ }
}
let p = new 类名(实参)

ES6类的继承：

`步骤`：
    1.使用extends关键词实现方法的继承：class 子类 extends 父类{ }
    2.使用super关键词：constructor(){
        //属性的继承
        super(要继承的属性)  
        //先继承再自有
        this.自有属性 = 自有属性  
    }
    
class Father{
    //构造器函数
    constructor(cat,dog){
        this.cat = cat
        this.dog = dog            
    }
}
class Son extends Father{
    constructor(cat,dog,sheep){
        //super（）：实现 对属性的继承
        super(this,cat,dog)
        this.sheep = sheep    
    }
}
let p1 = new Son('猫','狗','羊')