JavaScript箭头函数初识

js  

箭头函数初识

  • 在这段代码中总结
  1. var adder = {
  2. base : 1,
  3. add : function(a) {
  4. var f = v => v + this.base;
  5. return f(a);
  6. },
  7. addThruCall: function(a) {
  8. var f = v => v + this.base;
  9. var b = {
  10. base : 2
  11. };
  12. return f.call(b, a);
  13. }
  14. };
  15. console.log(adder.add(1)); // 输出 2
  16. 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.本质上来讲,callapply这种用法在箭头函数中使用有点浪费,没有发挥其参数1的作用


评论 0

发表评论

Top