JavaScript类的理解及prototype和_proto_属性

野性酷女 2022-02-26 16:46 207阅读 0赞

### 面向对象编程的的思想 ###

1、先大概抽象理解一下一些常用词的定义：

*  类：定义某一事物的抽象特点，包含属性和方法
 *  对象：类的一个实例
 *  继承性：一个类会有子类，这个子类是更具体化的一个抽象，它包含了父类的一些属性和方法，也可能有不同于父类的属性和方法  
    JS并没有类(class)的概念,更多的时候我们把它叫做对象（function）,然后把对象叫做实例（instance）。  
    在JS里面我们通常是通过构造函数来创建对象（类），然后通过new这个关键字来实例化一个对象。  
    注意：新创建的实例，都会包含一个constructor属性，该属性指向它们的构造函数。如下·：

2、创建对象的方法

//字面量创建
    var o1 = {name:'value'};
    var o2 = new Object({name:'value'});
    
    //构造函数创建
    var fun = function(){
          this.name = ''value;
    };
    var o3 = new fun();
    
    //Object.create()创建
    var H = {name:'value'};
    var o4 = Object.create(H);

3、prototype和\_proto\_

*  JavaScript所有对象都包含了一个\_proto\_属性，这个属性对应的就是该对象的的原型。
 *  JavaScript的函数对象除了原型\_proto\_原型之外，还预置了prototype属性。
 *  当函数对象作为构造函数创建实例时，该prototype的值将会被作为实例对象的原型\_proto\_
 *  任何一个实例对象都可以通过原型链找到它的原型对象，原型对象的实例和方法都是实例所共享的
 *  一个对象在查找以一个方法或属性时，他会先在自己的对象上去找，找不到时，他会沿着原型链依次向上查找。  
    【注意】： 函数才有prototype，实例对象只有有\_\_proto\_\_， 而函数有的\_\_proto\_\_是因为函数是Function的实例对象