真的了解JS么?

1、setTimeout

  setTimeout(function(){

  }),1000)

  setTimeout(function(num){

    alert(num)    //弹123

  },1000,123)

 

2、拼接字符串(使用\)

  document.body.innerHTML = ‘<div>div</div>\

                  <span>span</span>\

                  <p>p</p>\

                  55555‘

 

3、console.log(在控制台输出样式%c)

  var test = 123;

  console.log(test); //正常输入log文字

  console.log(‘%c‘+test,‘color:red;font-size:20px;background:blue‘) //输出有样式的文字

 

4、typeof(要通过调用的形式)

  var test = 123;

  typeof test  //number

  typeof(test)

  //instanceof、in也有类似的使用方法

 

5、嵌套for循环(跳出整个循环)

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

    for (var j=0;j<1;j++){  

      if (i==3) break;

      alert(i)

    }

  }

  结果:0,1,2,4,其中3跳出里面的循环

  cc : for (var i=0;i<5;i++){

    for (var j=0;j<1;j++){  

      if (i==3) break cc;

      alert(i)

    }

  }

  结果:0,1,2

 

6、for (;;) 参数不写是可以的

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

    alert(i);

  }

  不写参数的改写如下:

  var i=0;

  for (;;) {

    alert(i);

    if (++i>=5) break;

  }

 

7、call

  call是用来更改this指向的,如果不写则表示window Object

 

8、insertBefore

  if (!aLi.length) {

    //第一个

    oUl.appendChild(oLi)

  } else {

    oUl.insertBefore(oLi,aLi[0])     //若aLi[0]为空,则跟appendChild是一回事,因此可以直接写:oUl.insertBefore(oLi,aLi[0]) 

  }

 

9、匿名函数自执行(位运算符也可以)

  (function(){})()

  ~function(){}()

  !function(){}()

  +function(){}()

 

10、创建对象(可以省略括号)

  function Aaa(){}

  var test = new Aaa();

  也可以 var test = new Aaa;

  系统对象也可以的:

  var arr = new Array;

    

  

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