美文网首页
ES6:定义在object中箭头函数

ES6:定义在object中箭头函数

作者: Duobe | 来源:发表于2019-03-27 13:05 被阅读0次

箭头函数 不能用来写对象方法,因为它屏蔽了this的词法封闭环境, 在箭头函数中的this是当前定义这个object所在的上下文

// `this` is here 
var chopper = {
  owner: 'Mary',
  getOwner: () => {
    return this.owner; // 此处的this指向当前chopper对象所在的上下文
  }
};

如果你想在object中定义方法,可以使用传统函数语法或es6的简写

// 传统函数语法
var chopper = {
  owner: 'Mary',
  getOwner: function() {
    return this.owner;
  }
};

// or es6 语法 
var chopper = {
  owner: 'Mary',
  getOwner() {
    return this.owner;
  }
};

参考:
Method_definitions
methods-in-es6-objects-using-arrow-functions

相关文章

  • JS中“无我”的=>箭头函数?

    在ES6中,允许使用“箭头”(=>)定义函数首先我们来看看它是怎么定义函数的 定义函数 哦哦,原来箭头函数是定义函...

  • js中函数和箭头函数

    定义函数的方式 (1)定义函数的方式:function (2)对象字面量中定义函数 (3)es6中的箭头函数 箭头...

  • ES6 中的箭头函数(z)

    ES6 中的箭头函数 定义 定义一个箭头函数很简单,基本语法是: ([param] [, param]) => {...

  • es6全家桶(二)—— 箭头函数

    es6全家桶(二)—— rest参数、箭头函数 箭头函数 ES6 允许使用“箭头”(=>)定义函数。 var f ...

  • 箭头函数

    1,箭头函数定义 2,Es6 中箭头函数参数与返回值简写 补充 3,箭头函数中 this 指向 注:箭头函数中的t...

  • 箭头函数

    一、函数的定义方式 1、function 2、对象字面量中定义函数 3、ES6中的箭头函数 二、箭头函数参数和返回...

  • 29.JavaScript-箭头函数

    1.什么是箭头函数? 箭头函数是ES6中新增的一种定义函数的格式目的:就是为了简化定义函数的代码 2. 在ES6之...

  • 箭头函数

    一、基本语法 1.定义函数 定义箭头函在数语法上要比普通函数简洁得多,ES6中允许使用箭头 => 来定义箭头函数,...

  • 箭头函数

    ES6允许使用“箭头”(==>)定义函数。 箭头函数 等同于

  • 8.ES6箭头函数

    ES6中函数的定义可以使用箭头( => ) 来定义: 1、函数可使用箭头定义 =>2、当函数只有一个参数的时候 ...

网友评论

      本文标题:ES6:定义在object中箭头函数

      本文链接:https://www.haomeiwen.com/subject/zfczvqtx.html