js 原型链与原型

Posted 2022-08-28 hilad

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js 原型链与原型相关的知识，希望对你有一定的参考价值。

原型对象

javascript语言是一种面向对象的语言，它没有"子类"和"父类"的概念，里面所有的数据类型都是对象，如何将这些对象联系起来呢？

Brendan Eich在考虑设计继承机制的时候，参考了C++和JAVA使用new命令，通过调用类的构造函数生成实例的方式，将new命令引入javascript。

C++的写法是：

ClassName *object = new ClassName(param);

Java的写法是：

 Person person = new Person();

但是，javascript里面没有“类”这个概念，那么，Brendan Eich决定直接在new后面跟一个构造函数，来生成实例。

构造函数是什么？构造函数与其他函数唯一的区别在于调用方式不同。任何函数只要通过new来调用就可以作为构造函数，它是用来创建特定类型的对象。

下面定义一个构造函数Female：

function Female(name)
     this.name = name;
    this.sex = ‘female‘;

通过new命令来生成一个person实例：

var person1 = new Female("Summer")

这里，构造函数Female就是实例对象person1的原型！！！Female里的this关键字就指的是person1这个对象！

new出来的person1对象此时已经和Female再无联系了！也就是说每一个new出来的实例都有自己的属性和方法的副本，是独立的的！修改其中一个不会影响另一个！

var person1 = new Female("Summer");
var person2 = new Female("Lily");

person2.sex = ‘male‘;

console.log(person1.sex)      // female
console.log(person2.sex)      // male

但是，我们希望构造函数中的sex属性是一个共有属性，那么此时用这样的方法，每个实例中都有一个相同的sex属性，会造成资源极大的浪费！

那么原型对象就即将登场了！Brendan Eich决定给每一个构造函数都设置一个prototype属性，这个属性就指向原型对象。其实原型对象就只是个普通对象，里面存放着所有实例对象需要共享的属性和方法！所以，我们把需要共享的放到原型对象里，把那些不需要共享的属性和方法存在在构造函数里！

那么上面的代码可改写如下：

function Person(name,age)
            this.name = name;
        
        Person.prototype.sex = ‘female‘;

        var person1 = new Person("Summer");
        var person2 = new Person("Lily");
        
        console.log(person1.sex)      // female
        console.log(person2.sex)      // female

        Person.prototype.sex = ‘male‘;

        console.log(person1.sex)      // male
        console.log(person2.sex)      // male