学习目标: 掌握 ES6 语法新特性
全称 ECMAScript 6.0 ,是 JavaScript 的下一个版本标准,增加了新的语法特性
ES6 基本介绍
ES6 是什么?
1. ECMAScript 6.0(以下简称 ES6)是 JavaScript 语言的下一代标准, 2015 年 6 月发布。
2. ES6 设计目标:达到 JavaScript 语言可以用来编写复杂的大型程序,成为企业级开发语言
3. ECMAScript 和 JavaScript 的关系:ECMAScript 是 JavaScript 的规范/规则,JavaScript
是 ECMAScript 的一种实现。
let 声明变量
应用实例-基本使用
1. 需求: 演示 let 的基本使用
2. 代码演示, 创建 let.htm
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>let 基本使用</title>
<script type="text/javascript">
let name = "XXX教育";
//1. console.log("name=", name); //使用, 可以输出对象的完整信息
// 使用+, 字符串的拼接, 如果 name 是一个对象, 会输出 object, 而不会输出对象的
完整信息
//2. console.log("name="+ name);
console.log("name=", name);
</script>
</head>
<body>
</body>
</html>
注意事项和使用细节
1. let 声明的变量有严格局部作用域
2. let 只能声明一次, var 可以声明多次
3. let 不存在变量提升, var 存在变量提升
4. 代码演示 : let_detail.htm
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>let 使用注意事项和细节</title>
<script type="text/javascript">
// let 细节 1
// (1) let 声明的变量, 在代码块中,则作用域在代码块中
// (2) var 声明的变量, 在代码块中,作用域没有限制
{
var name = "XXX教育";
let job = "java 工程师";
console.log("name=", name);
console.log("job=", job);
}
console.log("name=", name);
//console.log("job=", job);//job is not defined
// let 细节 2
// 1. var 可以声明多次
// 2. let 只能声明一次
var num1 = 100;
var num1 = 200;
console.log(num1);
let num2 = 600;
//Syntax => 语法
//let num2 = 900;//Uncaught SyntaxError: redeclaration of let num2
console.log(num2);
// let 细节 3
// 1. let 不存在变量提升
// 2. var 存在变量提升
console.log("x=", x);//undefined
var x = "tom";
//can't access
console.log("z=", z);
let z = "mary";
</script>
</head>
<body>
</body>
</html>
const 声明常量/只读变量
应用实例
1. 需求: 演示 const 的基本使用
2. 代码演示, 创建 const.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>const 常量/只读变量的使用</title>
<script type="text/javascript">
//const 基本使用 => 想一想 java 基础[语言语法很多是相通]
/**老韩解读
1. 常量在定义时,需要赋值
2. 常量赋值后不能修改
*/
//常量
const PI = 3.14;