ES6的学习

ES6的学习1.0

1.块级作用域
以前咱用写代码的时候用的都是函数作用域,而块级作用域是什么呢?
又到了举个栗子的时候。

//这时候打开浏览器,还是会弹出12
//var 函数级
    <script>
{ 
    var a = 12;
}
   alert(a);
    </script>

//块级作用域
//此时弹出--里面12。
    <script>
{ 
    let a = 12;
    alert(‘里面:’+a);
}
   alert(‘外面:’+a);
    </script>

那么用这个块级作用域的好处是什么呢?
咱看一下以前咱是怎么区别里面和外面的a呢。

    <script>
function(){ 
    var a = 12;
}
   alert(a);
    </script>

对比之下,咱直接用let块级变量是不是方便很多呢?

2.const常量
咱过去呢都是定义一个变量var,那么在一个项目中,你敲代码敲呀敲…悄悄的,可能就把上边定义的a的值不小心改变了。这时你又不知道错在哪儿了。那么这个const就可以很好的帮你避免这个问题了。
const—–防止变量重新赋值。

//防止变量重新赋值
const a=1;
a++;
alert(a);
//结果:弹出1
//你会发现它无法重现赋值

-----那么如果咱换成json数据呢?-----

const a={i:1,j:2};
a.i+=2;
console.log(a);
//结果:i的值变为3
//因此这个const只是对这个赋值进行保护,对里面的东西是不进行保护的。

3.解构赋值
解构赋值 语法是一个 Javascript 表达式,这使得可以将 值从数组 或 属性从对象 提取到不同的变量中。

假设我给一个数据–json={a:1,b:2},我告你你给我把这个a,b拿出来。

//咱可以选择这样的做法拿出来。
    <script>
     var json={a:1,b:2};
     var a = josn.a;
     var b = json.b;

     alert(a+','+b);
    </script>

--------那,解构赋值的方法呢?---------

//像这样长得一样的结构,那么就是解构赋值了。
//保证前后结构(样子)相同。
    <script>
     var {a,b}={a:1,b:2};

     alert(a+','+b);
    </script>

解构赋值咱用于解析一些大的数据是非常爽的,你只需要结构和它一样。就可以轻易拿出里面的数据了。

猜你喜欢

转载自blog.csdn.net/Srain13/article/details/79174320
今日推荐