ES6 新特性（二）

2023-10-19
江苏
本文字数：645 字
阅读完需：约 2 分钟

4 对象简写

// 1.可以省略keylet name = 'Alex';let age = 18;let say = function() {  console.log('I can say.');}let obj = {  name,  age,  say}obj.say(); // I can say.
// 2.可以省略function关键字let obj2 = {  name: 'Pola',  age: 21,  do() {    console.log('I can do something.')  }}obj2.do(); // I can do something.

复制代码

5 rest 参数

rest 参数是针对函数而言的，对 arguments 的代替。

rest 参数是真正的数组结构，而 arguments 则是类数组结构。

rest 参数是写在函数形参中的，而 arguments 则是在函数体中使用。

rest 参数需要写在函数形参的最后一个位置。

结合解构的概念更好理解，其实就是 fn(x,y,z) === fn(x,...rest)，因为...rest === y,z

解构的概念是：将一个对象或数组转成逗号分割的参数列表

// 普通参数函数function sum () {  let rs = 0;  console.log(arguments); // Arguments(3) [1, 2, 3, callee: ƒ, Symbol(Symbol.iterator): ƒ]  for (i of arguments) {    rs += i;  }  return rs;}sum(1, 2, 3); // 6
// 使用rest参数函数function sum (x, y, ...rest) {  let rs = x + y;  rest.forEach(i => {    rs += i;  })  return rs;}sum(1, 2, 3, 4); // 10

复制代码

6 函数默认值

let name = 'Alex';let age = 18;function describe(name = 'Pola', age = 20, job = 'Engineer') {  console.log(`${name} is ${age} years old. He is an ${job}.`)}describe(name, age); // Alex is 18 years old. He is an Engineer.

复制代码

7 箭头函数

8 Symbol

发布于: 刚刚阅读数: 6

原文链接:【http://xie.infoq.cn/article/6a727240b6b669ad3b1538f77】。

阡陌r

关注

还未添加个人签名 2018-03-26 加入

还未添加个人简介

发布

暂无评论

创作场景

ES6 新特性（二）

4 对象简写

5 rest 参数

6 函数默认值

阡陌r

评论