lambda表达式在Java和JavaScript的区别

羊驼有点累

于 2022-10-31 21:58:02 发布

阅读量202

点赞数

分类专栏： lambda表达式文章标签： java

本文链接：https://blog.csdn.net/weixin_56961284/article/details/126572195

版权

lambda表达式专栏收录该内容

1 篇文章 0 订阅

订阅专栏

在js中lambda表达式是为了代替匿名方法，优化代码格式

setTimeout(function(){
console.log("打印内容");
},1000);

setTimeout(()->{
console.log("打印内容");
},1000);

而在js中特别要注意this问题，在箭头函数中this是指向object的

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<!-- 
		箭头函数 不能作为构造器
	 -->
	<body>
		<button type="button" id="btn1">点我</button>
		<script type="text/javascript">
			
			let  btn  = document.getElementById("btn1");

			 btn.addEventListener('click',function(){
				//箭头函数中的this指向函数定义生效时所在的对象
				window.setTimeout(()=>{
					console.log(this);
					this.style.background="green"
				},1000)
			}); 
		
		</script>
	</body>
</html>

在浏览器的打印界面中并未打印出此时的this指向，是显示Object

所以需要在外部定义this的指向

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<button type="button" id="btn1">点我</button>
		<script type="text/javascript">

			 btn.addEventListener('click',function(){
				// console.log(this);
				let  _this =  this
				
				window.setTimeout(function(){
					
					console.log("this指向:"+this);
					_this.style.background = "red"
				},500)
			}) 
			
		
		</script>
	</body>
</html>

此时的打印结果就变成了 window