javascript：箭头函数的使用

最新推荐文章于 2024-08-15 21:19:47 发布

mkmin

最新推荐文章于 2024-08-15 21:19:47 发布

阅读量726

点赞数

分类专栏： javascript javascript 文章标签： msdn es6 javascript 箭头函数

本文链接：https://blog.csdn.net/HUSHILIN001/article/details/79863147

版权

javascript 同时被 2 个专栏收录

51 篇文章 1 订阅

订阅专栏

javascript

44 篇文章 2 订阅

订阅专栏

犹豫了一下，最终还是将标题定为了javascript。。毕竟感觉es6也不是什么新奇玩意了，就懒得再开一个区了

有时候可能没时间上csdn，以至于一些朋友的消息没看到，如果有问题的朋友，请加微信a13823431958，谢谢

-------------------------------------------------------------------------------------------------------------------------

代码不多，而且大家都有了解过，我就不多说了

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>

	<body>
		<button class="a">点击按钮a</button>
		<button class="b">点击按钮b</button>
		<button class="c">点击按钮c</button>
		<button class="d">点击按钮d</button>
		<script>
			//定义一个function
			var myf = printword => {
				console.log("this is a function called myf");
				console.log(printword);
				return false;
			}
			//点击绑定事件a
			document.querySelector(".a").addEventListener("click", e => console.log(e)); //一个参数下可以直接省略括号（），且表达式单一的时候可以省略花括号{}

			//点击绑定事件b
			document.querySelector(".b").addEventListener("click", () => { //没有参数的时候必须补齐括号（）
				console.log("no arguemnt");
			});
			//点击绑定事件c
			document.querySelector(".d").addEventListener("click", () => { //无法使用new，因为箭头函数不是构造器,所以会抛出类型错误
				//				且无法使用prototype,因为他没有这个玩意
				console.log(myf.prototype); //打印prootype属性
				var newmyf = new myf();
				myf("TypeError: myf is not a constructor");

			});
			//点击绑定事件c
			document.querySelector(".c").addEventListener("click", () => { //没有参数的时候必须补齐括号（）
				//递归函数:5!
				var fact = (x) => (x == 0 ? 1 : x * fact(x - 1));
				console.log(fact(5)); // 120
			});
			//立即执行函数
			(() => console.log("my"))();
		</script>
	</body>

</html>

最后：最最最重要的参考资料：MDN：箭头函数

看到上面的传送门了么？不要再看我这篇渣渣博客了，还是快点点击传送门去看下文档的好

当然里面的兼容性列表还是要看的，怕大家不看，我就直接黏贴在这了：