美文网首页
ES6箭头函数注意事项

ES6箭头函数注意事项

作者: 苏码码 | 来源:发表于2022-01-05 14:04 被阅读0次

箭头函数使用注意事项:
1、函数体内的this对象,就是定义时所在的对象,而不是使用时所在的对象。

var str = 'global'
var obj = {
  str: 'private',
  getStr: () => {
    console.log(this.str) // => global
    // 绑定的是定义者
  // 箭头函数的表现为getStr的value,他被定义在obj对象中,obj的执行上下文就是window
  // this.str 实际上就是window.str
  }
}
obj.getStr()

2、不可以当做构造函数,也就是说,不可以使用new命令,否则会抛出一个错误。箭头函数没有原型对象
箭头函数中,this指向固定化,本身是没有自己的this,所以不能用作构造函数
3、不可以使用arguments对象,该对象在函数体内不存在。如果要用,可以使用rest参数代替。

var n = 10;
function f() {
  return this.n;
}
var obj = {
   n:8,
  f2:f
}
var obj2 = {
  n: 99
}
console.log(obj.f2.call(obj2))  // => 99

// ES6
var n = 10;
var f = () => this.n;
var obj = {
   n:8,
  f2:f
}
var obj2 = {
  n: 99
}
console.log(obj.f2.call(obj2))  // => 10

相关文章

  • ES6函数

    箭头函数的声明 ES6 箭头函数声明注意事项: 如果箭头函数不需要参数 或者 需要多个参数,就要使用圆括号代表参数...

  • 箭头函数的理解

    箭头函数的理解: ES6中新增的一个特性:=> 箭头函数的一些注意事项: 箭头函数中的this是函数定义时所在的对...

  • ES6箭头函数简介

    @(JS技巧)[ES6|箭头函数] ES6箭头函数(Arrow Functions) ES6可以使用“箭头”(=>...

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

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

  • es6、js、css、jquery、vue以及程序设计 知识点总

    es6 列举常用的es6特性。 箭头函数this的指向。 eg:箭头函数的特性 箭头函数内部没有construc...

  • 箭头函数

    es6 箭头函数的注意事项 参考文章:https://www.cnblogs.com/mmy67/p/980521...

  • 箭头函数

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

  • 学习 ES 6 箭头函数

    箭头函数的用法 ES6 允许使用“箭头”(=>)定义函数。 箭头函数的一个用处是简化回调函数。 箭头函数 this...

  • JavaScript箭头函数

    ES6新语法箭头函数 箭头函数是ES6新语法,因为语法简单、可读性好,所以使用的也很多。箭头函数也是匿名函数,区别...

  • 关于ES6箭头this的指向问题

    ES6 允许使用 “ 箭头 ” (=>)定义函数。 箭头函数 填 坑。 this的指向是 向上查找 非箭头函数的...

网友评论

      本文标题:ES6箭头函数注意事项

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