- ECMAScript6语法 使用Typora打开
在线查询ES6语法入门,我也经常看这个
http://es6.ruanyifeng.com/
粗略总结
1 | 1.let:声明一个变量,不会越界 const:声明一个常量 |
IDEA对ECMAScript6的支持
创建工程
- 创建空工程
- File>>>New>>>Project>>>Empty Project>>>Empty Project>>>Next>>>输入Project Name>>>Finish
- 创建一个Module
- File>>>New>>>Module>Static Web>>>Static Web>>>Next>>>输入Module Name>>>Finish
- 直接在Module中创建一个html文件即可,右击run运行
声明变量
var
声明变量,有局部外可用缺陷(可越界)
1 |
|
let
声明变量,同var,不能局部外使用(不会越界)
- 把上面var改为let
1
2
3
4
5
6
7
8<script>
for (let i = 0; i < 5; i++) {
console.log(i);
}
console.log("我在循环外"+i);
</script>const
声明一个常量
字符串扩展
includes() startsWith() endsWith()
- `` 带有换行可以正常声明,正常打印
- “” 带有换行不能正常声明
结构表达式
解构数组
解构对象
函数优化
函数NaN问题
1
2
3
4
5
6
7<script>
function fun1(a,b) {
console.log(a/b);
}
fun1(10);
</script>函数参数默认值
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33<script>
function fun1(a, b) {
/*如果b为空,就会把1赋值给b*/
/*如果b不为空,b值不变*/
if (!b) {
b = 1;
}
console.log(a / b);
}
fun1(10);
</script>
<!--等同于-->
<script>
function fun1(a, b) {
b = b || 1;
console.log(a / b);
}
fun1(10);
</script>
<!--等同于-->
<script>
function fun1(a, b = 1) {
console.log(a / b);
}
fun1(10);
</script>
箭头函数
一个参数
1 | <script> |
多个参数
参数用()括起来
1 | <script> |
代码不止一行
逻辑用{}括起来
1 | <script> |
对象的函数属性简写
1 | <script> |
箭头函数结合解构表达式
1 | <script> |
map
1 | <script> |