javascript 技巧

 

1.将arguments转化为数组
函数中的预定义变量arguments并非一个真正的数组,而是一个类似数组的对象。 
它具有length属性,但是没有slice, push, sort等函数,那么如何使arguments具有这些数组才有的函数呢? 
也就是说如何使arguments变成一个真正的数组呢?

function args(){

    return [].slice.call(arguments)

}

var m=args(2,5,8) // [2, 5, 8]

m.push(10)//可以使用数组方法

console.log(m)// [2, 5, 8,10]

2.

function add() {

    if(!arguments.callee.count) { //当前运行的函数的count属性。若为false,则设置为0

        arguments.callee.count = 0;

    }

    return arguments.callee.count++;

}

add();   // 0

add();   // 1

add();   // 2  // arguments.callee指向当前正在运行的函数。 一般用于匿名函数中

3数组中的最大值

var arr = [2, 3, 45, 12, 8];

Math.max.apply(null, arr);// 45

4.修改arguments

function add() { 

       Array.prototype.push.call(arguments, 123);

 //因为arguments不是数组,是类数组,故需要调用数组方法

       return arguments; 

 } 

add(100); // [100,123]

 

/***1-4   数组操作**/

 

5.判断一个变量是否为undefined  

      typeof(name2) === undefined;// true

6.私有变量

 var person =(function() {

    var _name=‘1000‘;

    return {

        getName:function() {   return _name || ‘2000‘;   }   

    }

 })();   

person.getName(); // "1000"   

typeof(person._name); // "undefined"

 

7.JavaScript没有块级上下文(Scope.即函数才是作用域

 for(var i = 0; i < 2; i ++) { } 

i;  // 2

8.If 中的假:null, undefined, NaN, 0, ‘’, false

9.0.1+0.2 != 0.3
 JavaScript将小数作为浮点数对待,所以可能会产生一些四舍五入的错误,比如:

             0.1 + 0.2; // 0.30000000000000004

你可以通过toFixed方法指定四舍五入的小数位数:

            (0.1 + 0.2).toFixed(); // "0"

            (0.1 + 0.2).toFixed(1); // "0.3"      

  1. encodeURIencodeURIComponent  

window.encodeURI函数用来编码一个URL,但是不对这些编码:“:/;?
window.encodeURIComponent则会对上述字符进行编码。
我们通过一个例子来说明:

       ‘index.jsp?page=‘+encodeURI(‘/page/home.jsp‘);  // "index.jsp?page=/page/home.jsp"

       ‘index.jsp?page=‘+encodeURIComponent(‘/page/home.jsp‘);  // "index.jsp?page=%2Fpage%2Fhome.jsp"

因此,在对URL进行编码时我们经常会选择 encodeURIComponent。 

11.table.innerHTMLIE的table下是只读属性

<table id="table1"> </table>

           // works well in Firefox, but fail to work in IE

document.getElementById(‘table1‘).innerHTML = "<tr><td>Hello</td><td>World!</td></tr>";

应该:

document.getElementById(‘table1‘).innerHTML = "<table><tr><td>Hello</td><td>World!</td></tr></table>";

 

12.Boolean 和 new Boolean

我们可以把Boolean看做是一个函数,用来产生Boolean类型的值(Literal):

            Boolean(false) === false; // true 

            Boolean(‘‘) === false; // true       

所以,Boolean(0)和!!0是等价的。 
我们也可以把Boolean看做是一个构造函数,通过new来创建一个Boolean类型的对象:

            new Boolean(false) === false; // false 

            new Boolean(false) == false; // true 

            typeof(new Boolean(false)); // "object" 

            typeof(Boolean(false)); // "boolean"

13.一元操作符 +JavaScript中,我们可以在字符串之前使用一元操作符“+”。这将会把字符串转化为数字,如果转化失败则返回NaN【原理未知】

            2 + ‘1‘; // "21"

            2 + ( +‘1‘); // 3     

如果把 用在非字符串的前面,将按照如下顺序进行尝试转化:

1 调用valueOf()

2 调用toString()

3 转化为数字

            +new Date; // 1242616452016

            +new Date === new Date().getTime(); // true

            +new Date() === Number(new Date) // true

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。