ES6要点总结(1)-let和const解构赋值

2018-06-24 01:51:51来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

1、let和const:最基础也很容易理解的,let是 声明一个变量,const是声明一个常量。

具体细节看如下实例代码

{
    let  a=1;
    console.log(a)
}
// console.log(a)  //let 只作用于当前代码块,也就是{}之内,所以这里会报错,而且不会预解析,下面声明是没用的
let a=2
//let 声明一个变量
//const 声明一个常量(不会变的)
// let a=1;
// var a=1;
// let a=1//这两种情况会报错,不允许重复性声明变量
let f=7;
function cons() {
    f=10;  //暂时性死区 会报错
    console.log(f)
    let f=10
}
// cons()
//let在for循环中的好处直接打印出索引,不用index()方法

var btn=document.getElementsByClassName('btn');
console.log(btn)

for(let i=0;i<btn.length;i++){
    btn[i].onclick=function () {
        console.log(i)

    }
}
//let在for循环中,在循环语句里面是父作用域,在循环内是子作用域
for(let i=0;i<6;i++){
    let i=10;
    console.log(i)     //打印出来是10;上面的是父作用域,里面的事子作用域
}
/*
* const同样有let 的上面特点,1 声明的常量只能在其代码块内有效 2 声明的变量不会被提升(预解析)3 不能声明以及声明过的常量,
* 除了这些还有 1 声明的时候必须赋值2 如果储存的事个简单数据类型时候不能改变其值,如果是对象,那么引用不可以改变,只有里面的数据变化是没关系的
* */

 2、解构赋值,简单来说就是将等号两边写成一样的模式,然后进行对应的赋值。如下实例

//1 数组的解构赋值
let [a,b,c]=[1,2,3]
console.log(a,b,c)  //1 2 3
let [e,[[f],g]]=[1,[[2],3]]
console.log(e,f,g) //1 2 3
let [x]=[]
console.log(x)//相当于let x;  undefined
let [y=1]=[]
console.log(y)//1  可以给默认值
//2 对象的解构赋值,原来就是根据key值,查找赋值,因为对象没有顺序
let {h,i}={h:'aaa',i:'bbb'}
console.log(h,i) //aaa bbb
let {j:k}={j:2222}
console.log(k) //2222
//3 基本类型的解构赋值,用的很少,可忽略
let [s,m,n]='123'
console.log(s,m,n) //1 2 3

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:HTML DOM

下一篇:nodejs学习笔记(1)——网络爬虫