1.1函式引數的預設值
es6之前，不能直接為函式引數提供預設值，只能採用變通的方法

//es5寫法
function log(x,y){
    if(typeof y === 'undefined'){
        y = 'world';
    }
    y = y || 'world';
    console.log(x,y);
}
log('hello'); //hello world
log('hello','tom'); //hello tom
log('hello',''); // hello world

//es6寫法
function log(x = 0, y = 'world'
 
) {
   console.log(x,y);
 }
  log('hello');//hello world
  log('hello',''); // hello
  log('hello','lily'); // hello lily
  //這樣寫的好處是： 方便以後閱讀和維護，可以意識到哪些引數是可以省略的；有利於程式碼的優化，即使未來的版本在對外介面中徹底拿掉這個引數，也不會對原版本有任何影響

1.2 引數預設值的位置
通常情況下，定義了預設值的引數，應該是函式的尾引數，如果是非尾部的引數設定預設值，這個引數是沒有辦法省略的

function f(x = 1,y,z){
   return
 
 [x,y,z];
 }
f();//[1,undefined,undefined]
f(,1,1); //報錯

指定了預設值以後，函式的length屬性將返回沒有指定預設值的引數個數（也就是說指定了預設值後，lengthsh）

1. 與解構預設值相結合

function fetch(url,{body = '',method = 'GET',headers = {}} = {}){
    console.log(method);
 }

fetch('http://www.baidu.com');//GET
fetch('http://www.baidu.com',{});//GET
fetch('http://www.baidu.com'
 
,{body : '111', method  : 'POST', headers : {}}); //POST

1. rest 引數，形式為（…變數名），用於獲取函式的多餘引數，這樣就不需要arguments 物件了。rest引數搭配的變數是一個數組，該變數將多餘的引數放入陣列中

function add(...values){
    let sum = 0;
    for(var val of values){
        sum += val;
    }
    return sum;
}
add(2,5,6); //13
//與arguments不同的是，arguments物件不是陣列，而是類似陣列的物件，如果需要使用陣列的方法，必須使用Array.prototype.slice.call 想將其轉為陣列，rest它就是一個真正的陣列，陣列的特有方法它都可以使用，注意的是rest引數之後不能再有其他引數，只能是最後一個引數，否則會報錯

1. name屬性：函式的name屬性，返回該函式的函式名

function add(...values){
    let sum = 0;
    for(var val of values){
        sum += val;
    }
    return sum;
}
add(2,5,6); //13
console.log(add.name);

var fn = function(){
  console.log('我是函式fn');
}
console.log(fn.name);

1. 箭頭函式

5.1 基本用法
 var f = v => v;
 f(5); //5
 上面的箭頭函式相當於
 function f(v){
     return v;
 }
5.2 箭頭函式不需要或者需要多個引數，就使用一個圓括號代表引數部分
var f = ()=> 'hello';
等同於
var f = function (){ return 'hello' }
var sum = (num1,num2) => { num1 + num2}
等同於
var sum = function(num1,num2){ return num1 + num2}

5.3 如果箭頭函式需要向外返回一個物件，必須在物件外面包裹一層括號（物件的大括號可能被解釋為程式碼塊）

var obj = id => ({id : id, name : 'temp'});
console.log(obj('111')); //{id : 111,name : 'temp'}

箭頭函式的另一個好處是簡化回撥函式

function f(count){
   let timer = setInterval(()=>{
         console.log(count++);
     },1000)
 }
 f(3)

5.4 箭頭函式的this指向問題
函式體內的this物件，就是定義時所在的物件而不是使用時所在的物件

function foo(){
    return ()=>{
        return ()=>{
            return ()=>{
                console.log('id' + this.id);
            }
        }
    }
}
var f = foo.call({id : '222'});
f()()(); // 222
f().call({id : '333'})(); //222
f()().call({id : '444'}); //222
//上述程式碼中只有一個this,就是foo的this，所以輸出結果都一樣，因為所有的內層函式都是箭頭函式，都沒有自己的this,它們的this 都指向foo函式的this

var id = 21;
function foo(){
    setInterval(()=>{
        console.log(this.id); // 1
    },1000)
}
foo.call({id : 1});

function fetch(){
    setInterval(function(){
        console.log('id:' + this.id);
    },100)
}
fetch.call({id : 2});//id:21
//真正執行到100毫秒之後，this指向window,所以輸出為21，而箭頭函式this總是指向函式定義生效時所在的物件

箭頭函式可以讓this指向固定化，這種特性很有利於封裝回調函式；this指向的固定化並不會因為箭頭函式內部有繫結this的機制，實際原因是箭頭函式根本沒有自己的this，導致內部的this就是外層程式碼塊的this,正因為它沒有this,所以也就不能用作建構函式
轉載連結【http://es6.ruanyifeng.com/#docs/function】