原型链、原型对象和构造函数的理解

末蓝、 2021-07-26 19:57 470阅读 0赞

js没有类的概念，通过原型和原型链实现继承。

函数对象可以被实例化（有构造函数），普通函数不能实例化（没有构造函数）。

> prototype：原型对象，原型是函数所有，包含（构造函数和原型链）  
> \_\_proto\_\_:原型链，原型链指向它所继承的原型对象，每个对象都有原型链，基类是Object  
> Constructor：构造函数，new出的实例没有构造函数（有构造函数就能被实例化），指向该函数对象。
> 
> fun Foo()\{...\}  
> let f1 = new Foo();
> 
> f1.\_\_proto\_\_ === Foo.prototype;
> 
> 通过new的对象（子类）只有一个原型链，指向父类的原型，父类的原型中有构造方法和原型链，父类的原型链指向Object

function Animal(name,age) {
        this.name = name
        this.age = age
    }
    let pig = new Animal('peiqi',3)
    console.log(pig)

原型：通过给原型绑定对象实现继承，

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpbWluZzEwMTY_size_16_color_FFFFFF_t_70][]

因为所继承对象的原型中包含constructor和原型链。

![20200903232133844.png][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpbWluZzEwMTY_size_16_color_FFFFFF_t_70 1][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpbWluZzEwMTY_size_16_color_FFFFFF_t_70]: /images/20210726/2e6519d6b3774520861ba8735c89a0a6.png
[20200903232133844.png]: /images/20210726/6d6b57f9ef8d444fb1216bc17a26baec.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpbWluZzEwMTY_size_16_color_FFFFFF_t_70 1]: /images/20210726/0bffd8eac46e4cd28be10a5d87e7af4a.png