六个前端开发经典小技巧

1.使用switch/case代替一大叠的if/else

当判断有超过两个分支的时候使用switch/case要更快一些，而且也更优雅，更利于代码的组织，当然，如果有超过10个分支，就不要使用switch/case了。

2.传给setInterval()和setTimeout()时使用函数

如果传给setTimeout()和setInterval()一个字符串，他们将会用类似于eval方式进行转换，这肯定会要慢些，因此最好使用：

setInterval(doSomethingPeriodically, 1000);  

setTimeout(doSomethingAfterFiveSeconds, 5000);

3.不要使用eval()或者函数构造器

eval()和函数构造器（Function consturctor）的开销较大，每次调用，JavaScript引擎都要将源代码转换为可执行的代码。

var func1 = new Function(functionCode);

var func2 = eval(functionCode);

4.字符串去空格

Java、C#和PHP等语言都实现了专门的字符串去空格函数，但JavaScript中是没有的，可以通过下面的代码来为String对象函数一个trim函数：

String.prototype.trim = function(){return this.replace(/^s+|s+$/g,"");};

5.使用length属性截断数组

length属性可用它来截断数组：

var myArray = [12 , 222 , 1000 , 124 , 98 , 10 ];  

myArray.length = 4; // myArray will be equal to [12 , 222 , 1000 , 124].

与此同时，如果把length属性变大，数组的长度值变会增加，会使用undefined来作为新的元素填充。length是一个可写的属性。

myArray.length = 10; // the new array length is 10

myArray[myArray.length - 1] ; // undefined

6.不要在循环内部使用try-catch-finally

try-catch-finally中catch部分在执行时会将异常赋给一个变量，这个变量会被构建成一个运行时作用域内的新的变量。

立即免费在线制作一个APP，新手注册即送开发大礼包

提交app定制需求，免费获取报价和周期：

电脑请点击https://www.qianyuthink.com/?url=/index?uzchannel=500

手机请点击https://www.qianyuthink.com/?url=/m/quickaddcustom