第一章 现代前端开发

1 函数默认参数

function desc(name = 'Perter', age = 5){
  return name + 'is' + age + 'tears old';
}
desc();
// Peter is 5 years old

2 rest参数

function test(...args){
  console.log(args);
}
test(1,2,3);
//[1,2,3]

rest是真正的数组

3 展开操作符

用于函数调用

function test(x, y, z) {}
var args = [1, 2, 3];
test(...args);

用于数组字面量

let arr1 = [1,2,3];
let arr2 = [4,5,6];
let arr3 = [...arr1, ....arr2];

对象的展开运算符

let mike = {name: 'mike', age: 50};
mike = {...mike, sex: 'male'};

4 解构赋值

let foo = [1, 2, 3];
let [one, two, three] = foo;
console.log(`${one}, ${two}, ${three}`);
// 1, 2, 3
let person = {name: 'viking', age: 20};
let {name, age} = person;
console.log(`${name}, ${age}`);
// viking, 20

5 前端组件化方案

module模块 与 component组件。module是语言层面的，前端领域一般指JS module，往往表现为一个单独的JS文件，对外暴露一些属性或方法。前端组件则更多是业务层面的概念，往往表现为一个UI部件，一个组件包含它所需要的所有资源，包括JS逻辑、CSS模板、甚至图片与字体。