ES6
概述
ES6， 全称 ECMAScript 6.0 ，是 JavaScript 的下一个版本标准。
let 和 const
<!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, initial-scale=1.0">
<title>Document</title>
<script>
/*
let
特点：
变量不能重复声明
块儿级作用域 全局, 函数, eval
不存在变量提升
不影响作用域链
*/
let a;
let b, c, d;
let e = 100;
let f = 521, g = 'iloveyou', h = [];
/*
const
特点：
一定要赋初始值
一般常量使用大写(潜规则)
常量的值不能修改
块儿级作用域
对于数组和对象的元素修改, 不算做对常量的修改, 不会报错
*/
// const A;
// const a = 100;
// SCHOOL = 'ATGUIGU';
// {
// const PLAYER = 'UZI';
// }
// console.log(PLAYER);
const TEAM = ['UZI', 'MXLG', 'Ming', 'Letme'];
// TEAM.push('Meiko');
</script>
</head>
<body>
</body>
</html>解构赋值
<!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, initial-scale=1.0">
<title>Document</title>
<script>
/*
解构赋值：
ES6 允许按照一定模式从数组和对象中提取值，对变量进行赋值
*/
// 数组的解构
const F4 = ['小沈阳', '刘能', '赵四', '宋小宝'];
let [xiao, liu, z, song] = F4;
console.log(xiao);
console.log(liu);
console.log(z);
console.log(song);
// 对象的解构
const zhao = {
name: '赵本山',
age: '不详',
xiaopin: function () {
console.log("我可以演小品");
}
};
</script>
</head>
<body>
</body>
</html>模板字符串
<!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, initial-scale=1.0">
<title>Document</title>
<script>
/*
模板字符串：
ES6 引入新的声明字符串的方式 『``』 '' ""
*/
// 声明
let str1 = `我也是一个字符串哦!`;
console.log(str1, typeof str1);
// 内容中可以直接出现换行符
let str2 = `<ul>
<li>沈腾</li>
<li>玛丽</li>
<li>魏翔</li>
<li>艾伦</li>
</ul>`;
// 变量拼接
let lovest = '魏翔';
let out = `${lovest}是我心目中最搞笑的演员!!`;
</script>
</head>
<body>
</body>
</html>简化对象写法
<!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, initial-scale=1.0">
<title>Document</title>
<script>
/*
简化对象写法：
ES6 允许在大括号里面，直接写入变量和函数，作为对象的属性和方法。
*/
let name = 'banq';
let change = function () {
console.log('miko');
}
const school = {
name,
change,
improve() {
console.log("change");
}
}
</script>
</head>
<body>
</body>
</html>