点击上方蓝字关注“小郑搞码事”，每天都能学到知识，搞懂一个问题！

这篇先写几个点，也是老生常谈的JS问题了，写前端的估计每天都得用到。

1、立即执行函数

立即执行函数（Immediately Invoked Function Expression），正如它的名字，就是创建函数的同时立即执行。它没有绑定任何事件，也无需等待任何异步操作，如下图：

function(){...}是一个匿名函数，包围它的一对括号将其转换为一个表达式， 紧跟其后的一对括号调用了这个函数。立即执行函数也可以理解为立即调用一个匿名函数。立即执行函数最常见的应用场景就是：将var变量的作用域限制于你们函数内，这样可以避免命名冲突。

2、闭包

对于闭包，当外部函数返回之后，内部函数依然可以访问外部函数的变量。

代码中，外部函数 f1 只执行了一次，变量 N 设为 0 ，并将内部函数 f2 赋值给了变量 result 。由于外部函数 f1 已经执行完毕，其内部变量N应该在内存中被清除，然而事实并不是这样：我们每次调用 result 的时候，发现变量 N 一直在内存中，并且在累加。为什么呢？这就是闭包的神奇之处了！

3、使用闭包定义私有变量

通常，JavaScript 开发者使用下划线作为私有变量的前缀。但是实际上，这些变量依然可以被访问和修改，并非真正的私有变量。这时，使用闭包可以定义真正的私有变量：

代码中，对象 p 的的 name 属性为私有属性，使用 p.name 不能直接访问。

4、prototype

每个 JavaScript 构造函数都有一个 prototype 属性，用于设置所有实例对象需要共享的属性和方法。prototype 属性不能列举。JavaScript 仅支持通过 prototype 属性进行继承属性和方法。

代码中，x 和 y 都是构造函数 Rectangle 创建的对象实例，它们通过 prototype 继承了 getDimensions 方法。

5、模块化

JavaScript 并非模块化编程语言，至少 ES6 落地之前都不是。然而对于一个复杂的 Web 应用，模块化编程是一个最基本的要求。这时，可以使用立即执行函数 来实现模块化，正如很多 JS 库比如 jQuery 以及我们 Fundebug 都是这样实现的。

所谓模块化，就是根据需要控制模块内属性与方法的可访问性，即私有或者公开。在代码中，module 为一个独立的模块，N 为其私有属性，print 为其私有方法，decription 为其公有属性，add为其共有方法。

总结一下：

先列举上面五个点，第一个点都好好理解一下，其实写的好的JS代码无非就是会这么搞而已，把代码逼格弄高来。