es6简单介绍 - 爱码网

　　1、ECMAScript 6 简介

　　2、let,var和const命令

　　3、变量的解构赋值

　　4、字符串的扩展之模板字符串

　　5、函数的扩展

　　6、数组的扩展

　　7、对象的扩展

　　8、类

　　9、维护学生信息的一个小示例

　　10、import 和 export

1、ECMAScript 6 简介

ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布了。

它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。

ECMA：国际标准组织

2、let,var和const命令

const：是用来定义一个常量的

  const a ='hello'  //const就是定义一个常量
                    //常量是不能修改的

let：是用来定义一个块级作用域的变量

let和val都是用来声明变量的，但是二者又有不同

let 先声明后使用，不存在变量提升
let 不能重复定义,但是可以修改
var 既可以先声明后使用，也可以先使用后声明，这样不会报错，会打印undified,而let必须是先声明后使用，如果没有声明就会报错

例子：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width">
    <title>Title</title>
</head>
<body>
    <script>


//        const PI = 3.14;
//        const a='hello';
////        a = 'word' ; //这样会出错,常量是不可以被修改的
//        s = a.split("l");  //js中字符串的切割方法
//        console.log(a);
//        console.log(s);

//        ==============================
        //变量提升，
//
//        console.log(b);  //会打印undefined,先使用后声明，但是不会报错
//        var b=123456;


//        var b;
//        console.log(b);   //undefined   先声明后使用
//        b=123456;
//
//        =================================
        let c=100;    //let不存在变量提升
        if (10>9){
            let c=200;
            console.log(c)  //200
        }
        console.log(c)  //100
    </script>
</body>
</html>

const-let示例

例子