ES6箭头函数

es6允许使用箭头 =>定义函数

var f = v => v; 等同于 var f = function (v) { return v;};

   函数表达式 =参数=函数体

var zerofill = val => val>=10 ?val:'0'+val  

var zerofill=function(val){

if(val>=10){

return val;

}else{

return '0'+val

}

}

var sum = (num1,num2) => num1+num2  等同于 var sum = function (num1,num2){return num1+num2; };

使用注意事项:1.不可以当作构造函数,也就是不能使用new命令,否则会抛出一个错误。2.函数体内的this对象,就是定义时所在的对象,而不是用时所在的对象。

eg2:function foo(){

setTimeout(() => {

console.log('id:',this.id);

},100);

}

var id = 21;

foo.call({id:42}); //id:42  因为setTimeout属于window对象的函数,一般情况下this指向widow,而在箭头函数里面this指向了定义时所在的对象,而不是用时所在的对象

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 箭头符号在JavaScript诞生时就已经存在,当初第一个JavaScript教程曾建议在HTML注释内包裹行内脚...
    程序员之路阅读 4,123评论 0 3
  • 前言 最近学习了慕课网上的vue仿饿了吗的视频,体会到了es6的箭头函数的妙用,因此特别总结了一下箭头函数的用法。...
    破浪_阅读 3,038评论 0 3
  • 函数体内的this对象,就是定义时所在的对象,而不是使用时所在的对象。请看下面这个例子: 输出undefined是...
    zenggo阅读 4,659评论 0 50
  • 1.函数参数的默认值 (1).基本用法 在ES6之前,不能直接为函数的参数指定默认值,只能采用变通的方法。
    赵然228阅读 4,108评论 0 0
  • 《学会提问》 --------------------这本书提供了一整套技能和态度,包括建立相互关联、环环相扣的关...
    AlexandraW阅读 1,877评论 0 0

友情链接更多精彩内容