做用域链与原型链的区别javascript
做用域:css
做用域是针对变量的,好比建立了一个函数,函数里面又包含了一个函数,那么如今就有三个做用域java
全局做用域==>函数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,这个查找的过程叫作做用域链。spa
由于函数c是在函数b中建立的,因此函数c能够在函数b中查找变量a,也就是说函数c的做用域包含了函数b的做用域,固然也包含了全局做用域,可是函数b不能向函数c中查找变量,由于做用域只会向上查找prototype
原型链是针对构造函数的,好比先建立一个构造函数,而后经过一个变量new了这个函数,那么这个被new出来的函数就会继承建立出来的那个函数的属性,而后若是访问new出来的这个函数的某个属性,可是并无在这个new出来的函数中定义这个变量,那么它就会(向建立出它的函数中)查找,这个查找的过程叫作原型链code
Object==>构造函数1==>构造函数2对象
就像css中的继承同样,若是自身没有定义就会继承父元素的样式blog
function a(){}; a.prototype.name = "原型";var b = new a(); console.log(b.name); //原型
原型概念:原型就是一个属性,这个属性是构造函数的属性,是构造函数制造出来的,对象的公共祖先,后面全部对象都会继承原型的属性和方法
当谈到继承时,JavaScript只有一种结构:对象。每一个实例对象(object)都有一个私有属性(__proto__)指向它的构造函数的原型对象(prototype)。该原型对象也有一个本身的原型对象(__proto__),层层向上直到一个对象的原型对象为null。null没有原型,是原型链中的最后一个环节。
面试题:什么是原型链?