ES6学习笔记

let和const

function test(){

    //let a = 1;

    //console.log(a)

    for(let i=1;i<3;i++){

    console.log(i)//正常打印

    }

    console.log(i)//报错

}

test()

let只在块作用域里面有效,ES6强制开启严格模式,变量未声明不能引用!切不能重复声明一个同名变量。

const声明常量。声明即赋值,切不能再次赋值!这句话只适用于赋值的是一个非引用类型,如果const声明的常量为一个引用类型,如object,array,则可以修改值本身。例如:const obj = { a:2}, obj.a =1,这样是可以修改的!

结构赋值

左边一个结构,右边一个结构,左右一一对应,进行赋值。如果结构赋值在结构上没有配对成功,则变量就为undefined

数组结构赋值:左右都是数组。

{
    let a,b,rest;
    [a,b] = [1,2]
    let n,m,k;
    [n,m,...k] = [1,2,3,4,5,6]
    n=1,m=[2,3,4,5],k=6
}

{

    let a,b,c

    [a,b,c=3]=[1,2]

    现在a=1,b=2,c=3,如果c没有给默认值则为undefined

}

{

    let a=1;

    let b=2;

    [a,b]=[b,a]

}

{

    function f(){

     return [1,2]

    }

    let a,b

    [a,b] = f()

}

对象结构赋值:左右都是对象。

{
    let a,b;
    ({a,b}={a:1,b:2})
}

{

    let metaData = {

        title:'abc',

        test:[{

            title:'test‘,

            desc:'description'

        }]

    }

    let {title:esTitle,test:[{ title:cnTitle}]} = metaData;

    esTitle = 'abc'  cnTitle = 'test'

}

字符串结构赋值:左边是数组,右边是字符串。

布尔值结构赋值:对象结构赋值的一种

数值结构赋值:对象结构赋值的一种

函数参数结构赋值:数组结构赋值在函数参数的一种应用。


正则表达式扩展


字符串扩展


©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 《ECMAScript6 入门》阮一峰 读书笔记 let和constlet声明的变量仅在块级作用域内有效,var声...
    亲爱的孟良阅读 741评论 1 2
  • 强大的for-of循环 ES6不会破坏你已经写好的JS代码。目前看来,成千上万的Web网站依赖for-in循环,其...
    Awe阅读 7,529评论 2 7
  • ECMAScript 6.0( 以下简称ES6) 是JavaScript语言的下一代标准。 ECMAScript和...
    EarthChen阅读 459评论 0 0
  • 最近学习了ES6,被它更简洁的代码编写方式、面向对象以及模块化开发所吸引。ES6有一定的学习成本而且知识点比较琐碎...
    Mescal川阅读 3,576评论 0 3
  • 第2章 基本语法 2.1 概述 基本句法和变量 语句 JavaScript程序的执行单位为行(line),也就是一...
    悟名先生阅读 4,199评论 0 13