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