JavaScript原型和原型链

Posted 2022-01-27 conlover

作用域链与原型链的区别

作用域：

作用域是针对变量的，比如创建了一个函数，函数里面又包含了一个函数，那么现在就有三个作用域

全局作用域==>函数1作用域==>函数2作用域

作用域的特点就是，先在自己的变量范围中查找，如果找不到，就会沿着作用域往上找。

var a = 1;
function b()
    var a = 2;
    function c()
        var a = 3;
        console.log(a);
    
    c();

b();

最后打印的结果是3，因为执行函数c( )的时候，它在自己的范围内找到了变量a，所以就不会继续往上查找，如果在函数c（）中没有找到则会继续向上找，一直会找到全局变量a，这个查找的过程叫做作用域链。

因为函数c是在函数b中创建的，所以函数c可以在函数b中查找变量a，也就是说函数c的作用域包含了函数b的作用域，当然也包含了全局作用域，但是函数b不能向函数c中查找变量，因为作用域只会向上查找

 

原型链是针对构造函数的，比如先创建一个构造函数，然后通过一个变量new了这个函数，那么这个被new出来的函数就会继承创建出来的那个函数的属性，然后如果访问new出来的这个函数的某个属性，但是并没有在这个new出来的函数中定义这个变量，那么它就会（向创建出它的函数中）查找，这个查找的过程叫做原型链

Object==>构造函数1==>构造函数2

就像css中的继承一样，如果自身没有定义就会继承父元素的样式

function a();
a.prototype.name = "原型";var b = new a();
console.log(b.name); //原型

 

作用域链： 从上往下

原型链： 从下往上

 

原型概念：原型就是一个属性，这个属性是构造函数的属性，是构造函数制造出来的，对象的公共祖先，后面所有对象都会继承原型的属性和方法

当谈到继承时，javascript只有一种结构：对象。每个实例对象（object）都有一个私有属性（__proto__）指向它的构造函数的原型对象（prototype）。该原型对象也有一个自己的原型对象（__proto__），层层向上直到一个对象的原型对象为null。null没有原型，是原型链中的最后一个环节。

面试题：什么是原型链？

Javascript是面向对象的，每个实例对象都有一个proto属性，该属性指向它原型对象，这个实例对象的构造函数有一个原型属性prototype,与实例的proto属性指向同一个对象。当一个对象在查找一个属性的时候，自身没有就会根据proto像它的原型进行查找，如果都没有，则向它的原型的原型继续查找，直到查到object.prototype.proto为null，这样也就形成了原型链。

 

 

 

 

面试题

1. javascript中，有几种数据类型？

2.怎么去判断这些数据类型？

3.typeof可以返回几种值？

 六种：number string boolean undefined object function

 typeof null

 typeof array

 typeof object

 怎么去区分这三个object？

 Object.prototype.toString.call()