ECMAScript 6 入门 - 码农教程

es6简单介绍

1、ECMAScript 6 简介

ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布了。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。

ECMA：国际标准组织

2、let,var和const命令

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

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

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

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

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

  1  <!DOCTYPE html>
  2   <html lang="en">
  3   <head>
  4       <meta charset="UTF-8">
  5       <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6       <meta name="viewport" content="width=device-width">
  7       <title>Title</title>
  8   </head>
  9   <body>
 10      <script>
 11 
 12 
 13  //        const PI = 3.14;
 14  //        const a='hello';
 15  ////        a = 'word' ; //这样会出错,常量是不可以被修改的
 16  //        s = a.split("l");  //js中字符串的切割方法
 17  //        console.log(a);
 18  //        console.log(s);
 19 
 20  //        ==============================
 21          //变量提升，
 22  //
 23  //        console.log(b);  //会打印undefined,先使用后声明，但是不会报错
 24  //        var b=123456;
 25 
 26  //        var b;
 27  //        console.log(b);   //undefined   先声明后使用
 28  //        b=123456;
 29  //
 30  //        =================================
 31          let c=100;    //let不存在变量提升
 32          if (10>9){
 33              let c=200;
 34              console.log(c)  //200
 35          }
 36          console.log(c)  //100
 37      </script>
 38  </body>
 39  </html>

const-let View Code

  1 1 <!DOCTYPE html>
  2  2 <html lang="en">
  3  3 <head>
  4  4     <meta charset="UTF-8">
  5  5     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6  6     <meta name="viewport" content="width=device-width">
  7  7     <title>Title</title>
  8  8 </head>
  9  9 <body>
 10 10     <script>
 11 11
 12 12
 13 13 //        const PI = 3.14;
 14 14 //        const a='hello';
 15 15 ////        a = 'word' ; //这样会出错,常量是不可以被修改的
 16 16 //        s = a.split("l");  //js中字符串的切割方法
 17 17 //        console.log(a);
 18 18 //        console.log(s);
 19 19
 20 20 //        ==============================
 21 21         //变量提升，
 22 22 //
 23 23 //        console.log(b);  //会打印undefined,先使用后声明，但是不会报错
 24 24 //        var b=123456;
 25 25
 26 26
 27 27 //        var b;
 28 28 //        console.log(b);   //undefined   先声明后使用
 29 29 //        b=123456;
 30 30 //
 31 31 //        =================================
 32 32         let c=100;    //let不存在变量提升
 33 33         if (10>9){
 34 34             let c=200;
 35 35             console.log(c)  //200
 36 36         }
 37 37         console.log(c)  //100
 38 38     </script>
 39 39 </body>
 40 40 </html>

原文地址：https://www.cnblogs.com/lz1996/p/11900654.html