ES6学习笔记（函数扩展）

喜欢ヅ旅行 2022-05-17 10:27 377阅读 0赞

1.默认参数

  1. function people({name,age = 30}={}) { 
  2.     console.log(name,age);
  3. };
  5. people({name:3});   //输出 3 30
  6. people();     //输出 undefined 30

2.扩展运算符(剩余参数)

在ES6之前，如果要在方法内将多字符整合为一个数组，一般会使用以下写法

  1. function sum() { 
  2.    let args = Array.prototype.slice.call(arguments);
  3.    console.log(args);
  4. }
  5. sum(1,2,123,'qwer');

ES6之后，使用运算符可以简化成这样

  1. function sum() { 
  2.     let args = [...arguments];
  3.     console.log(args);
  4. }
  5. sum(1,2,123,'qwer');

或者这样

  1. function sum() { 
  2.     let [...args] = arguments;
  3.     console.log(args);
  4. }
  5. sum(1,2,123,'qwer');

或者使用“剩余参数”的概念，可以简化成这样

  1. function sum(...args) { 
  2.     console.log(args);
  3. }
  4. sum(1,2,123,'qwer');

3.箭头函数

调用一个方法再进行赋值时，一般会写成这样

  1. const add = function (a,b) { 
  2.     return a+b;
  3. }

如果使用箭头函数，可以简化成这样

  1. const add = (a,b) => a+b;

如果函数内有多行代码，可以写成这样

  1. const add = (a,b) =>{
  2. a += 1;
  3. return a+b;
  4. }

发表评论

表情：
评论列表 （有 0 条评论，377人围观）

还没有评论，来说两句吧...

相关阅读

    相关 ES6-函数的扩展

    ES6对函数的扩展总要将两件事，一个是函数的参数，一个是箭头函数，这两点扩展为JS代码编写来说是两个大大的惊喜，未来我们会经常用到这两个新特性。 ES6中函数的参数 与

    我会带着你远行我会带着你远行/ 0 赞/ 145 阅读

    相关 ES6 函数扩展

    参数默认值 如果没有向某个形参传入对应的实参(即实参为`undefined`)，该参数就会取值为定义好的默认值(如果有的话)。 `null`被认为是有效的值传递。

    水深无声水深无声/ 0 赞/ 433 阅读