ES6 中,箭头函数就是函数的一种简写形式,使用括号包裹数,跟随一个 =>,紧接着是函数体:
var getPrice = function(){ return 9.15; } // 箭头函数 var getPrice = () => 9.15;
箭头函数不仅仅是让代码变得简洁,函数中 this 总是绑定总shi 指向对象自身
function Person() { var self = this; self.age = 0; setInterval(function growUp() { self.age++; }, 1000); }
使用箭头函数可以免去这个麻烦
function Person(){ this.age = 0; setInterval(() => { // |this| 指向 person 对象 this.age++; }, 1000); }
为什么会突然发现这个东西呢,在学习Vue的时候遇到,在声明Vue时候
methods:{ cartView: function () { var _this = this; this.$http.get("data/cartData.json").then(function (value) { _this.productList = value.data.result.list; _this.totalMoney = value.data.result.totalMoney; }); } }
methods:{ cartView: function () { this.$http.get("data/cartData.json").then(res=>{ this.productList = res.data.result.list; this.totalMoney = res.data.result.totalMoney; }); } }
两者的作用一致
如对本文有疑问, 点击进行留言回复!!
CSS中的两个特殊值用于控制层叠的inherit和initial的方法
CSS3 input框的实现代码类似Google登录的动画效果
CSS 容器背景 10 种颜色渐变Demo(linear-gradient())
详解CSS文件中的4种引入方式:行内,内联式,外部式,导入式
网友评论