JavaScript(ES6)笔记

上个月总结了CSS一些东西,今日开始写JavaScript部分。

Notes

  • 变量的结构赋值作用
  1. 交换变量
1
2
3
let x = 1;
let y = 2;
[x,y] = [y,x];

不用再创建临时变量了✌️

  1. 从函数返回多个值
1
2
3
4
5
6
7
function example() {
return {
foo: 1,
bar: 2
};
}
let { foo, bar } = example();

也可以解析数组型数据

  1. 函数参数
1
2
3
4
5
6
7
// 参数是一组有次序的值
function f([x, y, z]) { ... }
f([1, 2, 3]);

// 参数是一组无次序的值
function f({x, y, z}) { ... }
f({z: 3, y: 2, x: 1});

有序、无序传参都很方便

  1. 解构JSON

  2. 加载模块时选择方法也用到了解构

1
const { SourceMapConsumer, SourceNode } = require("source-map");
  1. 形参设置默认值

这点还是TS写起来舒服

Reference