不为人熟知的一些JS语法知识

1. 定时器
   在我们通常使用定时器，都是下面这种模式。

setTimeout(function () {
        alert(123)
    },1000);

但定时器还可以接收一些参数。

setTimeout(function (num) {
        alert(num)
    },1000,123);

上面两段代码执行的结果都一样，这里添加的123其实是第一个函数的回调参数。

2. console.log
   其实在控制台还能输出CSS样式和图片

var a=123;
console.log('%c'+a,'font-size:400%;background:red');

image.png

3. break
   当有多层循环的时候，break只跳出当层循环。

for (var i=0;i<5;i++){
    for (var j=0;j<1;j++){
        if (i==3){
            break;
        }
        alert(i);  //0,1,2,4;
    }
}

如果想跳出多层循环的时候，可以这样写

a:for (var i=0;i<5;i++){
    for (var j=0;j<1;j++){
        if (i==3){
            break a;
        }
        alert(i);  //0,1,2;
    }
}

4. for

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

var i=0;
for (;;){
   alert(i);
   if (++i>=5){
       break;
   }
}

这种写法等同于上面的写法。

5. 创建对象
   构造函数中,后面的小括号可以去掉

var a1=new aAA();
function aAA() {
}
alert(a1);  //object

var a1=new aAA;
function aAA() {
}
alert(a1);  //object

同样创建数组也可以去掉后面的小括号

var a1=new Array();
alert(a1.length);  //0

var a1=new Array;
alert(a1.length);  //0