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都是用来声明变量的,但是二者又有不同
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>
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>