日期:2014-05-16  浏览次数:20295 次

20个超实用的JavaScript技巧及最佳实践

众所周知,JavaScript是一门非常流行的编程语言,开发者用它不仅可以开发出炫丽的Web程序,还可以用它来开发一些移动应用程序(如 PhoneGap或Appcelerator),它还有一些服务端实现,比如NodeJS、Wakanda以及其它实现。此外,许多开发者都会把 JavaScript选为入门语言,使用它来做一些弹出窗口等小东西。

在这篇文章中,作者将会向大家分享JavaScript开发的小技巧、最佳实践等非常实用的内容,不管你是前端开发者还是服务端开发者,都应该来看看这些小技巧,它们绝对会让你受益的。

文中所提供的代码片段都已经过最新版的Chrome 30测试,该浏览器使用V8 JavaScript引擎(V8 3.20.17.15)。

1.第一次给变量赋值时,别忘记var关键字

给一个未声明的变量赋值,该变量会被自动创建为全局变量,在JS开发中,应该避免使用全局变量。

2.使用===替换==

并且永远不要使用=或!=。

[js] view plaincopy在CODE上查看代码片派生到我的代码片
  1. [10]?===?10????//?is?false??
  2. [10]??==?10????//?is?true??
  3. '10'?==?10?????//?is?true??
  4. '10'?===?10????//?is?false??
  5. ?[]???==?0?????//?is?true??
  6. ?[]?===??0?????//?is?false??
  7. ?''?==?false???//?is?true?but?true?==?"a"?is?false??
  8. ?''?===???false?//?is?false???

3.使用分号来作为行终止字符

在行终止的地方使用分号是一个很好的习惯,即使开发人员忘记加分号,编译器也不会有任何提示,因为在大多数情况下,JavaScript解析器会自动加上。

4.创建构造函数

[js] view plaincopy在CODE上查看代码片派生到我的代码片
  1. function?Person(firstName,?lastName){??
  2. ????this.firstName?=??firstName;??
  3. ????this.lastName?=?lastName;??????????
  4. }????
  5. ??
  6. var?Saad?=?new?Person("Saad",?"Mousliki");??

5.应当小心使用typeof、instanceof和constructor

[js] view plaincopy在CODE上查看代码片派生到我的代码片
  1. var?arr?=?["a",?"b",?"c"];??
  2. typeof?arr;???//?return?"object"???
  3. arr??instanceof?Array?//?true??
  4. arr.constructor();??//[]??

6.创建一个Self-calling函数 <