代码之家 › 专栏 › 技术社区 › Andrew Li

javascript回调函数类型:function()vs()=>[重复]

html jquery javascript

Andrew Li · 技术社区 · 8 年前

这个问题已经有了答案:

Are 'Arrow Functions' and 'Functions' equivalent / exchangeable? 1个答案

我有一些关于jquery中回调函数类型的问题。
我对javascript不太了解。
这里是文档级的简单代码。

$("input").change(function(){
  console.log(this);
});

和

$("input").change(()=>{
  console.log(this);
});

这些日志结果如下。
第一个控制台日志是激发更改事件的输入的对象。
第二个是整个文档。 function()和()=>{}有什么区别?
请帮帮我。
谢谢。
我附加了简单的测试源代码。

<html>

<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<script>
  $(document).ready(function(){
	console.log("init");
	$(".first").change(function(){
		console.log(this);
	});
	$(".second").change(()=>{
		console.log(this);
	});
  });
</script>
</head>
<body>
    <input type="text" class="first" />
    <input type="text" class="second" />
</body>
</html>