index
前端面试送命题-JS三座大山 __mahao
原型与原型链
说到原型，就不得不提一下构造函数，首先我们看下面一个简单的例子：
function Dog(name,age){
this.name = name;
this.age = age;
}
let dog1 = new Dog("哈士奇",3);
let dog2 = new Dog("泰迪",2);
先创造空的对象，再让 this 指向这个对象，通过 this.name 进行赋值，最终返回 this，这其实也是 new 一个对象的过程。 其实： let obj = {} 是 let obj = new Object() 的语法糖； let arr = [] 是 let arr = new Array() 的语法糖； function Dog(){...} 是 let Dog = new Fucntion() 的语法糖。
那什么是原型那？
在 js 中，所有对象都是 Object 的实例，并继承 Object.prototype 的属性和方法，但是有一些是隐性的。
我们来看一下原型的规则：
1.所有的引用类型（包括数组，对象，函数）都具有对象特性；可自由扩展属性。
var obj = {};
obj.attribute = "三座大山";
var arr = [];
arr.attribute = "三座大山";
function fn1 () {}
fn1.attribute = "三座大山";
//给元素添加属性
2.所有的引用类型（包括数组，对象，函数）都有隐性原型属性（proto）, 值也是一个普通的对象。
console.log(obj.__proto__);
3.所有的函数，都有一个 prototype 属性，值也是一个普通的对象。
console.log(obj.prototype);
4.所有的引用类型的proto属性值都指向构造函数的 prototype 属性值。
console.log(obj.__proto__ === Object.prototype); // true
5.当试图获取对象属性时，如果对象本身没有这个属性，那就会去他的proto（prototype）中去寻找.
function Dog(name){
this.name = name;
}
Dog.prototype.callName = function (){
console.log(this.name,"wang wang");
}
let dog1 = new Dog("Three Mountain");
dog1.printName = function (){
console.log(this.name);
}
dog1.callName(); // Three Mountain wang wang
dog1.printName(); // Three Mountain
原型链：如下图。
我找一个属性，首先会在 f.proto中去找，因为属性值为一个对象，那么就会去 f.proto.proto去找，同理如果还没找到，就会一直向上去查找，直到结果为 null 为止。这个串起来的链即为原型链。
作用域及闭包
讲到作用域，你会想到什么？当然是执行上下文。每个函数都有自己的 excution context，和 variable object。这些环境用于储存上下文中的变量，函数声明，参数等。只有函数才能制造作用域。
!!!for if else 不能创造作用域。
console.log(a) ; // undefined
var a = 1;
//可理解为
var a;
console.log(a); // undefined
a = 1;
执行 console.log 时，a 只是被声明出来，并没有赋值；所以结果当然是 undefined。
this
本质上来说，在 js 里 this 是一个指向函数执行环境的指针。this 永远指向最后调用它的对象，并且在执行时才能获取值，定义是无法确认他的值。
var a = {
name : "A",
fn : function （）{
console.log (this.name)
}
}
a.fn() // this === a
a 调用了fn() 所以此时this为a
a.fn.call ({name : "B"}) // this === {name : "B"}
使用call(),将this的值指定为{name:"B"}
var fn1 = a.fn
fn1() // this === window
虽然指定fn1 = a.fn，但是调用是有window调用，所以this 为window
this 有多种使用场景，下面我会主要介绍 4 个使用场景：
1.作为构造函数执行
function Student(name,age) {
this.name = name // this === s
this.age = age // this === s
//return this
}
var s = new Student("py1988",30)
首先 new 字段会创建一个空的对象，然后调用 apply() 函数，将 this 指向这个空对象。这样的话，函数内部的 this 就会被空对象代替。 2.作为普通函数执行
function fn () {
console.log (this) // this === window
}
fn ();
3.作为对象属性执行
var obj = {
name : "A",
printName : function () {
console.log (this.name) // this === obj
}
}
obj.printName ()
4.call(),apply(),bind()
三个函数可以修改 this 的指向，具体请往下看：
var name = "小明" , age = "17"
var obj = {
name : "安妮",
objAge ：this.age,
fun : function (like,dislike) {
console.log (this.name + "今年" + this.age ，"喜欢吃" + like + "不喜欢吃" + dislike)
}
}
var a = { name : "Jay", age : 23 }
obj.fun.call(a,"苹果","香蕉") // Jay今年23 喜欢吃苹果不喜欢吃香蕉
obj.fun.apply(a,["苹果","香蕉"]) // Jay今年23 喜欢吃苹果不喜欢吃香蕉
obj.fun.bind(a,"苹果","香蕉")() // Jay今年23 喜欢吃苹果不喜欢吃香蕉
首先 call，apply，bind 第一个参数都是 this 指向的对象，call 和 apply 如果第一个参数指向 null 或 undefined 时，那么 this 会指向 windows 对象。 call，apply，bind 的执行方式如上例所示。call，apply 都是改变上下文中的 this，并且是立即执行的。bind 方法可以让对应的函数想什么时候调用就什么时候调用。
闭包
闭包的概念很抽象，看下面的例子你就会理解什么叫闭包了：
function a(){
var n = 0;
this.fun = function () {
n++;
console.log(n);
};
}
var c = new a();
c.fun(); //1
c.fun(); //2
闭包就是能够读取其他函数内部变量的函数。在 js 中只有函数内部的子函数才能读取局部变量。所以可以简单的理解为：定义在内部函数的函数。
用途主要有两个：
1）前面提到的，读取函数内部的变量。 2）让变量值始终保持在内存中。