ES基础知识整理2

  • Post author:
  • Post category:其他


  1. 下面代码为什么打印出的不是0 1 2?
for (var i = 0; i < 3; i++) {
            //定时器  延时回调
            setTimeout(function () {
                console.log(i)//三个3
            }, 1000)
        }

原因是 :

setTimeout运行机制的问题 这个是一个异步函数 它会等其他程序都执行完毕之后, 再去执行function这个函数里面的内容

js是一个单线程 它不能多段代码一起执行 只有执行完上一个任务之后 才会执行接下来的任务 我们管这种机制叫”阻塞机制”

解决方案:

法一 自执行函数 它i当做参数 传进去 再打印

法二 用let 代替var ,let有自己的块级作用域

  1. 解构(ES6里面新增的方法)

    就是分解一个对象或者数组,左边定义的结构类型 和 右边 是一致的,右边是真是的数据

    1. 数组解构:let arr = [1,2,3]; let [a,b,c] = arr;

      省略解构: let arr = [1,2,3]; let [, , z] = arr; console.log(z) ;//3

    2. 对象解构:在对象结构的时候 要和对象的属性名一致 但是如果我们想要修改 name = 对象里面的name age = 对象里面的age

      let obj = {
      	name: 'zhangsan',
      	age: 45
      }
      let { name:name1, age:age1 } = obj;
      console.log(name1, age1);//zhangsan 45
      

      默认值 如果没有就直接取出默认值 如果对象里面有值 就用对象里面的值 默认值会被覆盖

      默认值的设置 例如: con=‘呵呵’ 相当于 即使对象里面没有con 我也可以解构出 con

      let obj1 = {
      	title:'今天天气很好',
      	// con:'适合敲代码'
      }
      let {title,con='令人头秃'} = obj1 
      console.log(obj1,'obj1')
      console.log(title,con)
      
    3. 字符串解构:let [a,b,c,d,e] = ‘hello’;



版权声明:本文为weixin_40940333原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。