ES6入门教程——11、ES6函数

一、对参数的扩展

1、默认值

function fn(name,age=17){
 console.log(name+","+age);
}
fn("darlin",19);  // darlin,19
fn("darlin","");  // darlin,
fn("darlin");     // darlin,17

2、不定参数

function f(...values){
    console.log(values.length);
}
f(1,2);      //2
f(1,2,3,4);  //4

二、箭头函数

语法

参数 => 函数体

基本用法:

var f = v => v; 

//等价于 

var f = function(a){ 
      return a; 
} 
f(1); //1

this的含义:指的是外层函数。

var func = () => {
  // 箭头函数里面没有 this 对象,
  // 此时的 this 是外层的 this 对象,即 Window 
  console.log(this)
}
func(55)  // Window 


function fn(){
  setTimeout(()=>{
    // 定义时,this 绑定的是 fn 中的 this 对象
    console.log(this.a);
  },0)
}
var a = 20;
// fn 的 this 对象为 {a: 19}
fn.call({a: 19});  // 19

 

 

你可能感兴趣的:(ES6入门教程,es6/es7,vue)