一、闭包
什么是闭包？闭包你了解吗？
闭包就是能够读取其他函数内部变量的函数。
通俗一点呢？
通俗的讲就是函数a的内部函数b，被函数a外部的一个变量引用的时候，就创建了一个闭包。
是这样，没错，那你知道什么情况下会用到闭包吗？
最常见的是函数封装的时候，再就是在使用定时器的时候，会经常用到...
那你简单写一个闭包吧
function a(){
var i=0;
function b(){
alert(++i);
}
return b;
}
var c = a();
c();//外部的变量
你这个写法是正确的，那我衍生一下，你回答一下依次会弹出什么：
function a(){
var i=0;
function b(){
i++;
alert(i);
}
return b;
}
var c = a();
c();//？
c();//？
c();//？
应该是会依次弹出1,2,3。
没错，你回答的很对，你知道其中的原理吗？能否解释一下
好的，i是函数a中的一个变量，它的值在函数b中被改变，函数b每执行一次，i的值就在原来的基础上累加 1 。因此，函数a中的i变量会一直保存在内存中。
非常棒，你说的这是它的一个用处，你能说一下闭包的用处有哪些吗？
它的最大用处有两个，一个是它可以读取函数内部的变量，另一个就是让这些变量的值始终保持在内存中。
那我顺便再出个问题考考你吧，请看题：
var num = new Array();
for(var i=0; i<4; i++){
num[i] = f1(i);
}
function f1(n){
function f2(){
alert(n);
}
return f2;
}
num[2]();
num[1]();
num[0]();
num[3]();
答案为2,1,0,3（这个时候你了解清楚闭包之后，这个答案应该就是随口而出），解释如下：
//创建数组元素
var num = new Array();
for(var i=0; i<4; i++){
//num[i] = 闭包;//闭包被调用了4次，就会生成4个独立的函数
//每个函数内部有自己可以访问的个性化(差异)的信息
num[i] = f1(i);
}
function f1(n){
function f2(){
alert(n);
}
return f2;
}
num[2](); //2
num[1](); //1
num[0](); //0
num[3](); //3
那你知道闭包的优缺点吗？
优点：
- 减少全局变量；
- 减少传递函数的参数量；
- 封装；
缺点：
- 使用闭包会占有内存资源，过多的使用闭包会导致内存溢出等
正好你提到了内存泄漏，说说你的解决方法
简单的说就是把那些不需要的变量，但是垃圾回收又收不走的的那些赋值为null，然后让垃圾回收走；
二、原型和原型链
你解释一下原型的概念吧！
每个对象都会在其内部初始化一个属性，就是prototype(原型)。
通俗一点呢？
通俗的说，原型就是一个模板，更准确的说是一个对象模板
那你接着说一下原型链是什么？
当我们访问一个对象的属性时，如果这个对象内部不存在这个属性，那么他就会去prototype里找这个属性，这个prototype又会有自己的prototype，于是就这样一直找下去，也就是我们平时所说的原型链的概念。
你这个说太多了，简单一点
就是利用原型让一个引用类型继承另一个引用类型的属性和方法；举例说明： Student → Person → Object ，学生继承人类，人类继承对象类
那你简单写一个原型链继承和构造函数继承的例子
function Animal(name) {
this.name = name
}
Animal.prototype.getName = function() {
console.log(this.name)
}
var animal1 = new Animal('Kate')
var animal2 = new Animal('Lucy')
//对象animal1 和 animal2共享方法getName
animal1.getName()
animal2.getName()
//父类：人
function Person () {
this.head = '脑袋瓜子';
this.emotion = ['喜', '怒', '哀', '乐']; //人都有喜怒哀乐
}
//子类：学生，继承了“人”这个类
function Student(studentID) {
this.studentID = studentID;
Person.call(this);
}
var stu1 = new Student(1001);
console.log(stu1.emotion); //['喜', '怒', '哀', '乐']
那我出个问题考考你，你告诉我结果，题目如下：
var A=function(){}
A.prototype.n=1
var b=new A()
A.prototype={
n:2,
m:3
}
var c=new A()
console.log(b.n,b.m,c.n,c.m)//多少
答案为1,undefined,2,3。原因是b继承A,所以b.n就为1，而m在A中找不到，所以为undefined，以此类推，c继承的时候A添加了n和m,所以c.n和c.m分别是2和3；
你知道null和undefined的区别吗？
undefined是一个表示"无"的原始值，
null用来表示尚未存在的对象,
再出个问题给你，问题如下：
var F=function(){};
Object.prototype.a=function(){
console.log('a()')
};
Function.prototype.b=function(){
console.log('b()')
}
var f=new F();
f.a()//？
f.b()//？
F.a()//？
F.b()//？
答案应该为a()、报错找不到b这个函数、a()、b()。（如果你能瞬间回答出这个答案就代表你已经了解原型和原型链了）
网友评论