PrinceTerence的专栏

在原型对象上定义方法，而不是用新对象重写它。重写使继承变为不可能：重置原型将重写整个基类.function Jedi() {console.log('new jedi');}// badJedi.prototype = {fight: function fight() {console.log('fighting');},block: function block()

函数表达式//匿名函数var anonymous = function(){return true;};//命名函数var named = function named(){return true;}//IIFE 函数 Immediately-Invoked Function Expression(function(){ console.log('Hello!');

不要再语句前面使用逗号。// badvar story = [once, upon, aTime];// goodvar story = [once,upon,aTime];不要有多余逗号：这会在IE6、IE7和IE9的怪异模式中导致一些问题；同时，在ES3的一些实现中，多余的逗号会增加数组的长度。在ES5中已经澄清（source）// badvar

多行注释使用/**……*/，需要包含一个描述，所有参数的具体类型的值还有返回值。// bad// make() returns a new element// based on the passed in tag name//// @param {String} tag// @return {Element} elementfunction make(tag) {// ...

对多行的语句块使用大括号//badif(test)return false;//goodif(test) return false;//goodif(test){return false;}//bad function(){return false;};//goodfunction(){return false;}对于使用if和else的多行语句块，

使用字面量语法创建对象//goodvar itemA = {};//badvar itemB = new Object();不要使用保留字（IE8不起作用）//goodvar studentA = {defaults:{name:'Jay'},sexual:male};//badvar studentB = {default:{name:'Lucy'},sexu

避免单字母名称，让名称具有描述性// badfunction q() {// ...stuff...}// goodfunction query() {// ..stuff..}当命名对象、函数和实例时使用骆驼拼写法// badvar OBJEcttsssss = {};var this_is_my_object = {};function c() {}

使用 === 和 !== 代替 == 和 !=比较运算符进行计算时会利用ToBoolean方法进行强制转换数据类型，并遵从以下规则：Object的计算值是trueUndefined的计算值是falseBoolean计算值是boolean的值Numbers如果是-0，+0或者NaN，则计算值是false反之则是trueString如果是空，则计算值是false，反之则是tru

使用字面量语法创建数组//goodvar items = [];//badvar items = new Array();当需要添加数组元素时，使用push而不是直接添加var items = [];//gooditems.push('abc');//baditems[items.length] = 'abc';当需要复制数组时，可以使用slice.var len

类型基本类型：访问基本类型时，应该直接操作类型值string number boolean null undefinedvar a = 0 ;var b = a ;b = 8 ;console.log(a,b) ; //0,8注：1、JavaScript中调用console写日志。2、打开IE开发者工具后才能使用console，默认访问IE的console

总是使用var声明变量，不然将其变为全局变量。我们要想办法避免全局空间污染。//badaaa = new AAA();//goodvar aaa = new AAA();//God bless!使用var声明每个变量，这样很容易添加新的变量声明，而不用去担心a，替换a//badvar items = getItems();goSportsTeam = true ;dr

使用点表示法访问属性。var objA = {name:A,age,30};//goodvar nameA = objA.name;//badvar nameA = objA['name'];//God bless!用变量访问属性是要用下标表示法([])var objB = {name:B,age;30};function getProp(prop){ re

执行强制类型转换语句。String// bad // => this.reviewScore = 9;var A= this.reviewScore + '';// goodvar totalScore = '' + this.reviewScore;// badvar totalScore = '' + this.reviewScore + ' total score'

使用制表符设置两（四）个空格，此功能一般在IDE中可配置。具体可根据实际要求。// badfunction() {∙∙∙∙var name;}// badfunction() {∙var name;}// goodfunction() {∙∙var name;}在左侧大括号前面保留一个空格。// badfunction test(){cons

对字符串使用单引号。//goodvar name = 'Terence';//badvar name = "Terence";超过80个字符的字符串应该使用字符串连接符进行换行。//goodvar msg = '测试信息测试信息测试信息测试信息'+'测试信息测试信息测试信息测试信息测试信息'+'测试信息测试信息测试信息';//badvar msg = '测试信息测试

jQuery对象变量使用前缀$// badvar sidebar = $('.sidebar');// goodvar $sidebar = $('.sidebar');缓存jQuery查询// badfunction setSidebar() {$('.sidebar').hide();// ...stuff...$('.sidebar').css({'

当在事件对象上附加数据时（无论是DOM事件还是如Backbone一样拥有的私有事件），应传递散列对象而不是原始值，这可以让随后的贡献者给事件对象添加更多的数据，而不必去查找或者更新每一个事件处理程序。举个粟子，不要用下面的方式：// bad$(this).trigger('listingUpdated', listing.id);...$(this).on('listingUpdated

对于属性，访问器函数不是必须的。如果定义了存取器函数，应参照getVal() 和 setVal(‘Hi’)格式。// baddragon.age();// gooddragon.getAge();// baddragon.age(25);// gooddragon.setAge(25);如果属性时boolean，格式应为isVal() or hasVal()

变量声明应该在作用域的顶端，但是赋值没有。function example(){var declaredButAssigned;//如下输出 declaredButNotAssigned 未定义console.log(declaredButNotAssigned)declaredButNotAssigned = true}匿名表达式能提升他们的变量名，但不能提升函数赋值。