JavaScript Best Practices

嗨！你们好

这是一份为 JavaScript 新手准备的指南，同时也包含了可以给高手学习的最佳资料

虽然本网站的名字是 the right way,但并不代表是学习 JavaScripr 的唯一方法。

我们只是将一些顶尖开发者的文章、提醒和技巧收集于此。由于它是由一些非常厉害的网名身上收集而来，故称之为 'the right way'或是最佳做法。

开始入门

关于

由网景公司在 1995 年给网景浏览器2.0创建的一个当做 HTML 扩展，JavaScript 最初主要的功能就是操作 HTML 文档和表单验证。在取得这么大的名声之前，JavaScript 被叫做 Mocha，当它第一次发布 beta 版本时它的官方名字是 LiveScript，当被 Sun Microsystems 发布时，被称作这个名字一直到今天。由于相似的名字，人们老是把 JavaScript 和 Java搞混。虽然两者都有编程的语法结构，但是他们是不同的语言。和C、C#、Java不同， JavaScript 是一个静态语言，也就是说他需要一个“解释器”，JavaScript的解释器就是浏览器。

DOM

Document Object Model (DOM) 是 HTML 及 XML 文档的 API。它提供了文件的结构化展现，让你可以使用脚本语言（如 JavaScript）來更改它的內容及视觉展现。其他更详细的內容 Mozilla Developer Network - 文件对象模型（DOM）.

JavaScript 代码风格

编程风格规范

JavaScript 和其他编程语言一样，有各种版本的编程风格指南。或许大家会推荐 Google Code Style Guide for JavaScript，但我们更推荐 Idiomatic.js

代码检查

现在最好的 JavaScript 代码检查工具为 JSHint。我们强烈建议尽可能的使用检查工具来确认你的编码风格以及设计模式的正确性。

语言精粹

面向对象

JavaScriot 虽然和其他语言在面向对象上面有些不同的地方，但仍然具有面向对象的编程能力。

资源: JavaScript 面向对象编程介绍

匿名函数

匿名函数是在代码运行是动态执行的函数。之所以叫做匿名函数是因为他跟其他函数不同，它并没有函数名称。

资源: JavaScript anonymous functions

函数作为第一类对象

函数是 JavaScript 的第一对象。这意味着 JavaScript 中的函数只是一种特殊类型的对象，并且拥有一般对象所具备的能力。

资源: Functions are first class objects in JavaScript

弱类型

对于许多前端开发者而言，JavaScript 是他们所使用的第一个脚本语言。对这些开发者来说，弱类型的概念和印象或许像第二天性一样自然。然而现在网页应用的需求爆炸式增长，使得后端开发者必须涉足客户端技术。这类的开发者大部分都有强类型语言的背景，例如 C# 或 Java,因此并不熟悉弱类型语言所带来的高度自由及潜在陷进。

资源: Understanding Loose Typing in JavaScript

作用域和提升

作用域： 在 JavaScript 中，函数是我们在声明变量时，实际的作用域分隔符，也就是说常见的循环及表达式（如 if, for, while, switch 及 try）并“不能“指定作用域，这一点有别于大部分的程序语言。因此函数中的这些区块会共享作用域。这样使得在这些区块内部声明只属于这些函数块的变量行为可能是危险的。

变量提升： 在运行时，所有的变量及函数声明将会被移到函数的起始位置（即函式的作用域）- 这就是所谓的变量提示。虽然如此，但是良好的习惯是在作用域的一开始就声明所有变量，避免因未声明就操作变量造成未预期的错误。 -这是一个块作用域语言开发者常见的问题。

资源: JavaScript Scoping and Hoisting

函数绑定

刚开始学习 JavaScript 时，你可能不需要花什么时间在处理函数绑定上面，但你渐渐的会遇到如何在另一个函数中保留 this 内容的问题，最终你会了解，你正真需要的其实是函数原型绑定（Function.prototype.bind()）。

资源: Understanding JavaScript’s Function.prototype.bind

闭包函数

闭包是源于独立变量的函数。花奴话说，闭包中所定义的函数会「保留」它被产生出来时的环境。了解这个概念很重要，因为他在开发过程中是有用的，类似私有方法的功能。它也可以帮助你学习如何避免一些常见的错误，例如在循环中使用闭包。

资源: MDN - Closures

严格模式

ECMAScript 5 的严格模式是用来限制一些 Javascript 不严谨的写法。严格模式并非只是一个子集：他特地的在语法上有别于一般的代码。各家浏览器对严格模式的支持也不同。所以开启严格模式时建议进行功能测试。严格模式的代码鱼非严格模式的代码是可以并存的，所以可以自由決定严格模式部分的多少。

來源: MDN - Strict mode

立即调用函数 (IIFE)

立即调用函数是指使用 JavaScript 的函数來限制作用域范围的模式。立即调用函数可以阻止块作用域内的变量提升，保证块作用域内的变量不被其他作用范围的变量污染，同时也允许声明公共方法来操作函数块里的私有变量。

这种模式被称为自执行匿名函数，但 @cowboy (Ben Alman) 为它定义了语义上更合适的名字 IIFE 。

资源: Immediately-Invoked Function Expression (IIFE)