JS基础之原型

r囧r小猫 2022-01-30 15:29 189阅读 0赞

## 对象的声明 ##

var a = { }; //方法一
        var b = new Object(); //方法二

以上两种方式没有任何区别，但是a === b值为false，因为地址不一样。但是var a = \{\};var b = a;这样 === 是为true的，因为指向同一个地址。

## 原型 ##

当我们声明一个Number类型的变量a，我们可以使用a.toFixed()方法，可是我们并没有给a定义toFixed()方法，那toFixed()是怎么来的呢？  
答案是原型。在 JavaScript 中，每当定义一个对象（函数也是对象）时候，对象中都会包含一些预定义的属性。当我们在控制台中输入Number.prototype，会打印出Number对象的prototype：  
![在这里插入图片描述][20190519220757423.png]  
其中就包括了toFixed()方法。以上方法都是预定义属性。  
那么，变量a怎么访问Number.prototype的呢。是通过\_\_proto\_\_，可以在控制台输入a.\_\_proto\_\_打印出的就是Number.prototype，可以用===来对比，结果返回true：  
![在这里插入图片描述][20190519221236898.png]  
当我们声明:var a = new Number(1);这句话时，a是对象，Number()是函数，可以理解为\_\_proto\_\_是对象属性，而prototype是函数属性，当然函数也是对象。  
总结：执行a.toFixed()是，执行的是a.\_\_proto\_\_中的toString()。  
String、Boolean对象与Number是一致的，这类对象称为特殊对象。而Object称为普通对象。

## 普通对象和特殊对象 ##

*  普通对象是指Object，它直接指向共用的proto。Object的共用属性是所有对象的共用属性。
 *  特殊对象是指String、Number和Boolean这种的对象。拿Number来说，它有一些特有的方法，比如parseInt()、parseFloat()，这些属性是它独有的，共用的proto是没有这些属性的。JS的处理方法是Number对象的\_\_proto\_\_指向存放这些特有方法的对象，然后存放特有方法的对象的\_\_proto\_\_指向普通对象的\_\_proto\_\_。

## 原型链 ##

还是以上面的a为例a.hasOwnProperty(a)，居然返回false，但是Number.prototype(a.**proto**)中并没有hasOwnProperty方法，为什么可以调用hasOwnProperty？

其实是`a.__proto__.__proto__`中有hasOwnProperty()，当`a.__proto__`中找不到调用的方法时，就会去`a.__proto__.__proto__`中查找该方法，直到\_\_proto\_\_的值为null。  
这里的`a.__proto__.__proto__`就指向Object.prototype，也就是`a.__proto__.__proto__ === Object.prototype`返回true。  
String、Boolean同理。

那当我们声明var b = 1;的时候呢，这种声明方式是不是b就不能调用toFixed()方法了？  
答案是可以调用的。当b调用toString()时，会生成一个临时变量，存放new Number(1)，然后将new Number(1).toString()后的值返回，再将temp从内存中清除，巧妙地解决了问题。n也可以使用其他Number内置对象，原理和toString()一样。

## 重要公式 ##

注意大小写，number 和 Number 是不同的

var 对象 = new 函数()
    对象.__proto__ === 对象的构造函数.prototype
    
    // 推论
    var number = new Number()
    number.__proto__ = Number.prototype
    
    
    var object = new Object()
    object.__proto__ = Object.prototype
    
    
    var function = new Function()
    function.__proto__ = Function.prototype
    
    // 另外，所有函数都是由 Function 构造出来的，所以
    Number.__proto__ = Function.prototype // 因为 Number 是函数，是 Function 的实例
    Object.__proto__ = Function.prototype // 因为 Object 是函数，是 Function 的实例
    Function.__proto__ == Function.prototye // 因为 Function 是函数，是 Function 的实例！

[20190519220757423.png]: /images/20220130/7a099890a9da47f6a2ca3557206e8ba8.png
[20190519221236898.png]: /images/20220130/adc6ef11449244c38b4bdfbe990dc7a6.png