ES6——函数

• 参数扩展

  • 默认参数

    function fn(name,age=1){
        console.log(name+","+age)
    }
    fn("Amy",18)	//Amy 18
    fn("Amy",)		//Amy
    fn("Amy")		//Amy 1
    

    注：

    1. 使用默认参数，不允许同名参数
    2. 只有在未传递参数或参数为 undefined 时，才使用默认参数， null 值是有效的值传递

  • 不定参数

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

• 箭头函数

  更加简洁的函数书写形式

  参数 => 函数体
  

  • 基本用法

    let f = v=>v
    //等价于
    let f = function(v){
        return v
    }
    f(1)	//1
    

    没有参数时或有多个参数时，用 () 括起来

    var f=(a,b)=>a+b
    var f=()=>1
    

    函数体多行语句时，用 {} 括起来，一行语句 {} 可省略

    返回对象时，为区分代码块，用 () 将对象括起来

    var f=(id,name)=>({id:id, name:name})
    

    注：箭头函数没有 this、super、arguments、new.target的绑定

  • this

    • 普通函数
      1. this 总是代表着函数的直接调用者
      2. 默认情况下，没有直接调用者，this -> window
      3. call，apply，bind 可以绑定 this
    • 箭头函数
      1. 指向上下文对象（父级作用域）的 this 指向——指向最近的函数的 this 指向
      2. 偶尔没有上下文对象则指向 window
      3. apply、call、bind 无法改变箭头函数的 this 指向

    var Person = {
        age: 18,
        sayHello: function(){
            setTimeout(function(){
                console.log(this.age)
            })
        }
    }
    var age = 20
    Person1.sayHello()	//20，setTimeOut的匿名函数没有直接调用者，this 指向 window
    var Person1 = {
        age: 18,
        sayHello: function(){
            setTimeout(()=>{
                console.log(this.age)
            })
        }
    }
    var age = 20
    Person1.sayHello()	//18,指向 sayHello() 的 this
    
    

    var Person = {
        age:18,
        sayHello:()=>{
            console.log(this.age)
        }
    }
    var age = 20
    Person.sayHello()	//20	没有上下文函数，this 指向 window
    
    
    var Person1 = {
        age: 18,
        sayHello: function(){
            console.log(this.age)
        }
    }
    var age = 20
    Person1.sayHello()		//18,函数的直接调用者为 Person1 ，所以 this 指向 Person1