# 箭头函数

箭头函数 ES6 允许使用“箭头”(=>)定义函数。箭头函数实际还是函数 箭头函数的写法

<script>
	var f = (v) => v;

	// 等同于
	var f = function(v) {
		return v;
	};
</script>
  1. 不带参数的写法
<script>
	var f = () => a;
</script>
  1. 带一个参数的写法
<script>
	var f = (a) => a;
</script>
  1. 带多个参数的写法
<script>
	var f = (a, b) => a + b;
</script>
  1. return 多行写法
<script>
	var f = (a, b) => {
		return a + b;
	};
</script>
  1. 箭头函数的 this 指向 settimeout 会改变 this 的指向 如果我们用箭头函数 箭头函数就指向父级。 在 setInterval 和 setTimeout 中传入函数时,函数中的 this 会指向 window 对象。
<script>
	var obj = {
		num: 1,
		add: function() {
			setTimeout(() => {
				console.log(this);
			}, 300);
		},
	};
	obj.add();
</script>
上次更新: 10/29/2019, 6:04:16 PM