原文出处:FirstLovt欢迎分享原创到伯乐头条
这里记录一下以前学习各种书籍和文章里边出现的JS的小技巧,分享给大家,也供自己查阅,同时感谢那些发现创造和分享这些技巧的前辈和大牛们。
1、遍历一个obj的属性到数组
123 | var a=[]; for (a[a.length] in obj); return a; |
乍一看可能比较蒙,不过仔细分析还是不难理解的。常见用法是for(var key in obj),这里key初始也是undefined的,a[a.length]整体也是undefined,所以二者其实是等价的。在for循环中,obj的属性会依次赋值给key,同样,也依次赋值给a[a.length],这里length一直在变,就巧妙地挨个赋值给数组的每一个元素了。
2、重复字符串(如abc=>abcabc)
123 | function repeat(target,n){
return ( new Array(n+1).join(target)); } |
改良版本:
1234 | function repeat(target,n){
return Array.PRototype.join.call(
{length:n+1},target); //之所以要创建带length属性的对象,是因为调用数组原型方法时,必须是一个类数组对象,而类数组对象的条件就是length为非负整数 } |
不新建数组,而是用拥有length属性的对象替代,然后调用数组的join方法,性能提升很大
再改进:
1234567 | var repeat=( function (){
var join=Array.prototype.join,obj={};
return function (target,n){
obj.length=n+1;
return join.call(obj,target);
} })(); |
利用闭包将对象和join方法缓存起来,不用每次都新建对象和寻找方法
3、for循环中,当第二项为false时会终止循环,这里并不一定存在比较,可以直接赋值,如果赋值为undefined之类的值时,转成bool值也为假,因此也会终止,比如遍历数组可以写成:
1 | for ( var i=arr.length,element;element=arr[—-i];){…} |
这里,第二项一定是arr[—-i]而非arr[i--],如果是后者的话,上来就是undefined,就不会执行循环体,或者for(var i=0,element;element=arr[i++];){…}
4、NaN是JS中唯一不等于自己的值,因此可以用来判断一个变量是否真的为NaN:a!==a
5、“<”,”+”等运算符会强制符号两边的表达式执行valueOf然后比较,所以如果两边是函数或者对象,而又重写了该对象的valueOf方法,就会自动执行两边的方法。如:
12 | var a={valueOf: function (){console.log(“aaa”);}},b={valueOf: function (){console.log(“bbb”);}}; a<b; //会输出:aaa;bbb;false; |
6、JS具备自动插入分号的能力,但是自动插入分号并不是万能的,其有三条规则:
1)只在”}”标记之前、一个或多个换行之后以及程序输入的结尾被插入;2)分号只在随后的输入标记不能被解析时插入;这一点很重要,比如:a=b(f());是不会在a=b之后自动插入分号的,因为a=b(f())是可以被解析的,因此像”(“,”[“,”+”,”-“,”/“开头的时候,需要特别注意上一行可能不会自动插入。还有一些情况,尽管不会出现解析错误,JS仍然会强制插入分号,这就是所谓的JS语法限制产生式。它不允许在两个字符间出现换行,最危险的就是return语句,如return{};会被强制插入而成为return;{};类似的还有:throw语句、带有显示标签的break活着continue语句、后置自增或自减运算符3)分号不会作为分隔符在for循环空语句的头部被自动插入因此,最好的办法是在自己的js文件的最开始防御性地插入”;”,这样在合并js文件的时候就不会出问题了。7、闭包。理解闭包需学会三个基本事实:(1)JS允许你引用在当前函数意外定义的变量(2)即使外部函数已经返回,当前函数仍然可以引用在外部函数所定义的变量。这是因为JS的函数值包含里比调用它们时执行所需要的代码更多的信息(3)闭包可以更新外部变量的值。这是因为闭包存储的是外部变量的引用而非值副本。如:
1234567891011 | function box(){
var val=undefined;
return {
set: function (x){val=x;},
get: function (){ return val;}
}; } var b=box(); b.get(); //“undefined” b.set(5); b.get(); //5 |
这一点很重要,比如在函数的for循环体内返回闭包或者有闭包取for循环的计数器值,那么这个闭包取到的永远是for循环结束时i的最终值,因为闭包存储的是它的引用而非当时的值副本。
8、JS没有块级作用域,因此通常情况下函数内部的所有变量都是绑定到函数作用域的,也就是说相当于都在函数一开始就声明了的,一个例外就是try/catch中的变量是块级的,只属于try/catch块。
9、众所周知,在函数内部声明函数是可以的,但是在在函数内的局部块里声明,可能会出现问题:
123456789101112 | function f(){ return “global”;} function test(x){
function f(){ return “local”}
var result=[];
if (x){
result.push(f());
}
|