一些小Tips

1、void 0 代替 undefined

经常会看到 if (callback !== void 0 ) opts.context = callback; ，这里用void 0 代替undefined，原因：

• 1. 在全局变量下，undefined只读，但在局部变量中认可重写，而void 0始终返回undefined。

undefined = 1;
console.log(!!undefined); //true
console.log(!!void(0)); //false

• 2. 减少字节，void 0 比 undefined 节省了3个字节

2、数字

• 取整

parseInt(a,10); //Before
Math.floor(a); //Before
a>>0; //Before
~~a; //After
a|0; //After

• 四舍五入

Math.round(a); //Before
a+.5|0; //After

• 内置值

undefined; //Before
void 0; //After, 快
0[0]; //After, 略慢

Infinity;
1/0;

• 布尔值短写法

true; //Before
!0; //After
false; //Before
!1; //After

3、设置默认值

var color = localStorage.getItem('color') || '#333';   // 默认字体颜色: #333
color && (document.body.style.color = '#333');
if (!navigator.geolocation) {
  console.warn('设备不支持地理定位。');
}

4、!!

!! 可以将任意表达式转成布尔值 true 或 false

> !!(1 + 2)
→ true
> !!''
→ false

5、简写

1. 判断是否为空(Null, Undefined,”)

当创建新的变量，有时你需要检查引用变量的值是否为null或undefined。

if (variable1 !== null || variable1 !== undefined || variable1 !== '') {
  var variable2 = variable1;
  }

=>

var variable2 = variable1 || '';

2. 对象

var a = new Array();
var o = new Object();
var s = new String("myString");

=>

var a = [];
var o = {};
var s = "myString";

3. 关联数组

关联数组类似于对象，是由无序的键 和值 组成的。关联数组使用键而不是数字索引来组织存储的值。每个键都是一个唯一的字符串，与一个值相关联并用于访问该值。值可以是数字、数组、对象等数据类型。在创建代码以查找与一个键相关联的值时，您就是在创建索引或执行查找。这可能是关联数组最常见的用途。

var skillSet = new Array();
skillSet['Document language'] = 'HTML5';
skillSet['Styling language'] = 'CSS3';
skillSet['Javascript library'] = 'jQuery';
skillSet['Other'] = 'Usability and accessibility';

=>

var skillSet = {
'Document language' : 'HTML5',
'Styling language' : 'CSS3',
'Javascript library' : 'jQuery',
'Other' : 'Usability and accessibility'
};

不要忘记最后一组结尾是没有逗号的,不然IE浏览器会报错.

4. if语句

var big;
if (x > 10) {
  big = 1;
}
else {
  big = 2;
}

=>

var big = (x > 10) ? 1 : 2;

if (likeJavaScript == true) 

=> 

if (likeJavaScript)

var a, b;
if ( !a ) {
  a = b;
}

=> 

var a, b;
a = a || b;

如果你想写
if (!false)
{
alert('false');
}

不妨考虑写成:
false || alert('false');

false || alert('false'); true || alert('true'); //output false;
用"||"的情况下,第一个条件true,不检测第二个直接返回true.第一个条件false，会执行第二个条件检测

false && alert('false'); true && alert('true'); //output true
用"&&"的情况下,第一个条件true，还会检测第二个条件。第一个条件false，直接返回false退出。

for (var i = 0; i < allImgs.length; i++)

=>

for(var i in allImgs)

5.Regexp 对象

RegExp 对象用于规定在文本中检索的内容

/test/("is test in here")

老外建议用正则来检索内容，似乎是从javascript性能上来考虑的，我不得而知了。

searchText = "padding 1234 rocket str austin TX 78704 more padding"
/\d+.+\n{0,2}.+\s+[A-Z]{2}\s+\d{5}/m(searchText)
//returns: ["1234 rocket str austin TX 78704"]

=>

var re = new RegExp(/\d+.+\n{0,2}.+\s+[A-Z]{2}\s+\d{5}/m);
re.exec(searchText);
//returns: ["1234 rocket str austin TX 78704"]