箭头函数和普通函数的区别

Posted 2021-06-06 Smile沛沛

箭头函数和普通函数的区别

• 箭头函数语法上比普通函数更简洁(ES6中每种函数都可以形参赋默认值和使用…剩余运算符)

function fn(x){
  return function(y){
    return x+y
  }
}

let fn = x => y=>x+y

• 箭头函数中没有this,它里面出现的this从属于所属上下文 （使用call、apply等任何方式都无法改变this指向）

let obj = {
  name:'smileyqp'
}
function fn1(){
  console.log(this)
}
fn1.call(obj)		//this =>  obj

let fn2 = ()=>{
  console.log(this)
}
fn2.call(obj)  //this  => window

• 箭头函数中没有Arguments类数组，只有基于…arg传递的参数集合（数组）

let fn = (...arg ) =>{
  console.log(arg)		// [10, 20, 30]
}
fn(10,20,30)

• 箭头函数不能被new执行，因为箭头函数没有this也没有prototype

function Fn (){
  this.X = 100;
}
fn.prototype.getX = function(){}
let f = new Fn;

拓展

JQuery中each方法的原处理思想