arrow function的一个坑

作者: winterfallding | 来源:发表于2017-01-18 13:27 被阅读0次

arrow function的一个坑
[JavaScript] arrow
arrow function
arrow function
JS：箭头函数(ES6标准)
箭头函数表达式
ES6箭头函数与普通函数的区别
箭头函数与普通函数的区别
ES6 特性
JS笔记：ES6 Arrow functions

今天在写Vue官网demo的时候，在写computed的时候，写了以下代码


var vm = new Vue({

    el: '#app',

    data: data,

    computed: {

        reversedMessage: () => {

            return this.message.split('').reverse().join('');

        }

    }

});

结果发现reversedMessage方法的时候报split on undefined错误，查了下arrow function的mdn文档, 原来arrow function是不绑定this的，所以会导致代码中的this就是Window，window中没有message，最后出现上面的错误，改成正常的function() {} 就可以解决问题。

arrow function的一个坑
今天在写Vue官网demo的时候，在写computed的时候，写了以下代码结果发现reversedMessage...
[JavaScript] arrow
An arrow function expression (also known as fat arrow fun...
arrow function
语法基本语法高级语法注意: 返回的对象字面量必须以圆括号包裹起来
arrow function
本篇文章是es6学习笔记，将github上的文章翻译并整理一下; 箭头函数在许多现在语言中都已经支持了,javas...
JS：箭头函数(ES6标准)
Arrow Function（箭头函数）。 ES6标准新增了一种新的函数：Arrow Function（箭头函数）...
箭头函数表达式
ES6标准新增了一种新的函数：Arrow Function（箭头函数）。为什么叫Arrow Function？因为...
ES6箭头函数与普通函数的区别
ES6标准新增了一种新的函数：Arrow Function（箭头函数）。为什么叫Arrow Function？因...
箭头函数与普通函数的区别
ES6标准新增了一种新的函数：Arrow Function（箭头函数）。为什么叫Arrow Function？因...
ES6 特性
ES6 readable usable matainable 1.Arrow Function function ...
JS笔记：ES6 Arrow functions
An arrow function does not create its own this, the this ...