美文网首页
es6箭头函数注意点

es6箭头函数注意点

作者: 毛毛_000e | 来源:发表于2018-10-22 11:47 被阅读0次

箭头函数中的this总是指向函数定义生效时(而不是使用时)所指向的对象,而普通函数中的this指的是运行生效时所指向的对象.

箭头函数中的this的固定化,并不是因为箭头函数内部有绑定this的机制,而是因为箭头函数根本诶呦自己的this,导致内部的this就是外层代码块的this。

let a=function(){...}这是一个函数表达式

const a={name:'chensi';getName:function(){return this.name}}定义了一个对象,对象里面有getName方法。

箭头函数不适用场合:1>定义函数(对象)的方法,且该方法内部有this。2>需要动态获取this的时候

注意:箭头函数使用错误的时候,this是指向全局的(window)

相关文章

  • ECMAScript 6 箭头函数

    箭头函数 ES6 允许使用“箭头”(=>)定义函数。 使用注意点 箭头函数有几个使用注意点。 (1)函数体内的th...

  • ES6入门=>箭头函数

    ES6允许使用“箭头”(=>)定义函数。 使用注意点箭头函数有几个使用注意点。 (1)函数体内的this对象,就是...

  • es6中箭头函数this指向(3)

    ES6 箭头函数this指向 箭头函数有几个使用注意点。 (1)函数体内的this对象,就是定义时所在的对象,而不...

  • ES6箭头函数简介

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

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

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

  • ES6函数

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

  • 箭头函数的理解

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

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

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

  • es6箭头函数注意点

    箭头函数中的this总是指向函数定义生效时(而不是使用时)所指向的对象,而普通函数中的this指的是运行生效时所指...

  • 怀教网络面试题

    如何对网站的文件和资源进行优化? es6箭头函数的特点 需要注意的是, 箭头函数没有自己的this、argumen...

网友评论

      本文标题:es6箭头函数注意点

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