一 前后端技术栈对比
二 简介
ES6, 全称 ECMAScript 6.0 ,是 JavaScript 的下一个版本标准,2015.06 发版。
ES6 主要是为了解决 ES5 的先天不足,比如 JavaScript 里并没有类的概念,但是目前浏览器的 JavaScript 是 ES5 版本,大多数高版本的浏览器也支持 ES6,不过只实现了 ES6 的部分特性和功能。
ECMAScript是浏览器脚本语言的规范,而各种我们熟知的js语言,如JavaScript则是规范的具体实现。
三 小技巧
在VScode中按 Shift+!,再按回车,会自动生成模板。
四 实战
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=<device-width>, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
/* let 新增加的声明变量的关键字,与var声明变量有以下不同 */
// let 声明的变量有严格局部作用域
// var 声明的变量往往会越域
{
var a = 102;
let b = 2;
}
console.log(a); // 102
console.log(b); // ReferenceError: b is not defined
// var 可以声明多次
// let 只能声明一次
var m = 1
var m = 2
let n = 3
let n = 4
console.log(m) // 2
console.log(n) // Identifier 'n' has already been declared
// var 会变量提升
// let 不存在变量提升
console.log(x); // undefined
var x = 10;
console.log(y); // ReferenceError: Cannot access 'y' before initialization
let y = 20;
/*
一但声明必须初始化,否则会报错
声明之后不允许改变
*/
const b = 1;
b = 3; //Uncaught TypeError: Assignment to constant variable.
</script>
</body>
</html>