zoukankan      html  css  js  c++  java
  • 真的了解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;

        

      

  • 相关阅读:
    网格形变
    网格简化
    无法打开包括文件: “QWidget”: No such file or directory
    遇到一个 bug svg 抖动的解决方案
    echarts-gl 遇到一个错误 groupGL 未定义
    鼠标操控三维视角
    鼠标控制3维操作 不知道能不能获得一些灵感
    tensorflow 安装
    Codeforces Round #541 (Div. 2) B.Draw!
    Codeforces Round #541 (Div. 2) A.Sea Battle
  • 原文地址:https://www.cnblogs.com/joya0411/p/4324679.html
Copyright © 2011-2022 走看看