JavaScript箭头函数初识

js  

箭头函数初识

  • 在这段代码中总结
  1. var adder = {
  2.   base : 1,
  4.   add : function(a) {
  5.     var f = v => v + this.base;
  6.     return f(a);
  7.   },
  9.   addThruCall: function(a) {
  10.     var f = v => v + this.base;
  11.     var b = {
  12.       base : 2
  13.     };
  15.     return f.call(b, a);
  16.   }
  17. };
  19. console.log(adder.add(1));         // 输出 2
  20. console.log(adder.addThruCall(1)); // 仍然输出 2
  • 总结
  1. 总结一下这段代码给我的信息量:
  2.   1.定义一个变量用关键词 var
  3.   2.声明一个对象用 {} 大括号
  4.   3.成员可以是属性值类型,也可以是一个方法
  5.   4.箭头函数的基本用法
  6.     正常的JavaScript函数声明: function xxxName (参数1,参数2,参数...) { 方法执行体 }
  7.     4.1 函数简写1: (参数1,参数2,参数...) => { 方法执行体 }
  8.     4.2 函数简写2: 如果只有一个参数和一个return执行语句可写如下:
  9.                   参数1 => 执行语句
  10.         没有参数则:
  11.                   () => 执行语句
  12.   5.箭头函数和普通的函数的区别是没有 this指针指向
  13.   6.函数的call 或者 apply 的用法 类似回调调用一个方法,
  14.     区别在于第一参数都是this指针,
  15.     第二参数 : apply 使用数组传递
  16.               call 是参数数量不固定 类似 PHP/go 中的 ... 语法
  17.   7.本质上来讲,call和apply这种用法在箭头函数中使用有点浪费,没有发挥其参数1的作用


评论 0

发表评论

点击排行

标签云

友情链接

关注

Top