函数的扩展

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

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);
 

　　

 

 

 

转载于:https://www.cnblogs.com/nankeyimeng/p/7197848.html