ES6常用语法
1.1变量的定义
- var定义的变量:只有全局作用域和函数作用域;
- let定义的变量: 有全局作用域和函数作用域,块级作用域{};
- let定义的变量不能重复定义;
- let定义没有变量提升;
1.2const定义变量
- 没有变量提升的概念;
- 不能重复定义;
- 带来了块级作用域;
- 定义之后不能修改;
- 定义的时候必须赋值;
1.3模板字符串
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="app"></div>
</body>
<script>
let oDiv = document.getElementById('app');
let name1 = 'zjh1';
let name2 = 'zjh2';
oDiv.innerHTML = `
<h1>hello vue ${name1}</h1>
<h2>hello vue ${name2}</h2>
`
</script>
</html>
1.4数据的结构和赋值
ES6允许按照一定的模式,从数组或对象中提取值,对变量进行赋值,这种方式被称为解构赋值。
<script>
let ary = [1,2,3];
let [a,b,c] = ary;
</script>
<script>
let {x, y} = {x: 10, y: 20};
</script>