认识达内从这里开始

js代码一直以来都是比较常见的一些网站开发过程中添加的一些动效设计类型的代码。为了能够让大家更加了解js代码的使用方法，今天我们就一起来学习一下js的基本知识。

一、闭包

1 . 概念：闭包就是能够读取其他函数内部变量的函数。在JS中，只有函数内部的子函数才能读取局部变量，因此可以把闭包简单理解为”定义在一个函数内部的函数”。

2 . 闭包的特点

1)可以读取函数内部的变量。

2)让这些变量的值始终保存在内存中。

3 . 闭包的原理

理解闭包，首先必须理解JS变量的作用域。变量的作用域无非就是两种(es5)：全局变量和局部变量。

JS语言的特殊之处，就在于函数内部可以直接读取全局变量。另一方面，函数外部自然无法读取函数内的局部变量。

注意：

1)函数内部声明变量的时候，一定要使用var声明。如果不用的话，你实际上声明了一个全局变量。

2)局部变量的作用域，在函数定义的时候就已经确定下来了。

出于各种原因，我们有时候需要得到函数内部的局部变量。但是正常情况下这是办不到的。只有变通一下才能实现，那就是在函数内部再定义一个函数。外部变量不能访问内部变量，内部变量却能访问外部变量，这正是因为JS特有的”链式作用域”结构(chain scope)，子对象会一级一级地向上寻找所有父对象的变量。所以父对象的所有变量，对子对象都是可见的，反之则不成立。我们只需要把子函数返回出来，我们就可以在外部读取内部变量了。

4 . 闭包的应用场景

1)函数作为返回值。

2)函数作为参数被传递。

5 . 使用闭包注意点

1)由于闭包会使得函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包。否则会造成网页性能问题，在IE中可能导致内存泄漏。解决方法就是在函数退出之前，将不使用的局部变量删除(值置为null，垃圾回收机制就会处理)。

2)闭包会在父函数外部，改变父函数内部变量的值。所以不要随便改变父函数内部变量的值。

6 . demo通过js闭包实现鼠标滑过隔行换色的效果

二、构造函数的继承

所谓"构造函数"，其实就是一个普通函数，但是内部使用了this变量。对构造函数使用new 运算符，就能生成实例，并且this变量会绑定在实例对象上。

详解new的执行过程：

在内存生成一个实例对象obj。

指定实例对象的__proto__到构造函数的prototype。

运行构造函数，相当于运行fn.call(obj)。

检查返回值，如果返回值为基本数据类型，则无视该返回值，而将生成的对象返回。如果为引用类型，则将该返回值返回。

构造函数很好用，但是存在浪费内存的问题。

JS规定，每一个构造函数都有一个prototype属性，指向另一个对象。此对象的所有属性和方法，都会被构造函数的实例继承。

三、call/apply继承

call和apply都是为了改变某个函数运行时的context即上下文而存在的，即改变函数内部this的指向。

Fn.call(obj, arg1, arg2 [, argN]);

fn,.apply(obj, [arg1, arg2,…, argN]);

作用相同，apply以数组的形式传参，call是以列表的形式。

四、prototype的概念

一切引用类型都是对象。

对象是属性的集合。

对象都是通过构造函数创建的。

每个函数都有一个prototype属性，即原型。对象都有__proto__属性，可以成为隐式原型。这个__proto__属性是一个隐藏的属性，JS并不希望开发者能够用到这个属性，有的低版本浏览器甚至不支持这个属性值。

每个对象的__proto__属性指向创建该对象的函数的prototype。

Object.prototype.__proto__指向null。

原型链：

访问一个对象的属性时，先在本地属性中查找，如果没有，再沿着__proto__这条链向上找，这就是原型链。

五、this的使用情况

1：构造函数(在new的情况下)

this指向的是新构建出来的对象。

2：函数作为对象的一个属性

函数中的this指向的是该对象。

3：函数call或者apply

当函数被call或者apply调用时，this的值就取传入对象的值。

4：全局函数 & 普通函数

全局函数或者普通函数中，this指向的是window。

5：在prototype原型对象中，this指向的是调用构造函数实例出来的对象。

注：this关键字的值在函数运行的时候才会被指定。

作者：大仲马

来源：博客园

【免责声明】：本内容转载于网络，转载目的在于传递信息。文章内容为作者个人意见，本平台对文中陈述、观点保持中立，不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。