函数的扩展

时间：2017-07-17 23:48:25 阅读：201 评论：0 收藏：0 [点我收藏+]

一、为函数参数指定默认值

function fn(a, b){
  a = a || 10;
  b = b || 20;
  console.log(a + b);
} // es5写法
 
function fn(a = 10, b = 20){
  console.log(a + b);
} // es6写法

二、函数的 rest 参数

参数形式为（“...变量名”），用于获取函数的多余参数，这样就不需要使用arguments对象了。rest 参数搭配的变量是一个数组，该变量将多余的参数放入数组中。

function add(...values) {
   let sum = 0;
 
   for (var val of values) {
      sum + = val;
   }
 
   return sum;
}
 
add(2, 5, 3)// 10

三、箭头函数

[1, 2, 3].map(function(x) {
    return x * x;
})

1、规则

--如果箭头函数不需要参数或需要多个参数，就使用一个圆括号代表参数部分。

var sum = (num1, num2) => num1 + num2;

--如果箭头函数的代码块部分多余一条语句，就要使用大括号将它们括起来，并且使用return语句返回。

 var sum = (num1, num2) => { return x+ y;}

--大括号被解释为代码块，所以如果箭头函数直接返回一个对象，必须在对象外面加上括号。

2、注意事项

-- 箭头函数体内没有自己的this对象，所以在使用的时候，其内部的this就是定义时所在环境的对象，而不是使用时所在环境的对象。

 function fn(){
    setTimeout(function (){
        console.log(this);
    }, 1000);
    setTimeout(() => {
        console.log(this);
    },1000);
}
 
var obj = {a: 1};
 
fn.call(obj);

-- 箭头函数体内没有arguments对象，如果要用，可以用Rest参数代替。

const fn = (...arr) => arr;
 
console.log(fn(1, 2, 3, 4));

-- 不可以当作构造函数，不可以使用new命令，否则会抛出一个错误。

const Fn = (a, b) => a + b;
 
const f = new Fn(1, 2);

函数的扩展

标签：return语句指定 rip 需要 obj 规则 value 写法函数

原文地址：http://www.cnblogs.com/nankeyimeng/p/7197848.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行