es6语法之箭头函数的this指向

最新推荐文章于 2022-12-30 14:30:27 发布

原创

最新推荐文章于 2022-12-30 14:30:27 发布 · 262 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#es6 #javascript #前端

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		
		<script>
            	// 箭头函数基础语法  () 里填形参  fun()和普通函数一样写实参
			// 大括号里写执行语句
			
			let fun = (a,b) => {
				console.log(a + b);
			}
			
			fun(5,6)
			
			// 如果执行语句就一行，大括号可省略
			let funs = (a,b) => console.log(a + b);
			funs(6,7)
			
			// 如果形参就一个，小括号可省略
			let funse = a => console.log(a)
			funse(6)







			// 一：全局作用域下this指向
			// 1:普通函数
			// function global(){
			// 	console.log(this);//window
			// }
			// global();
			// 2：箭头函数
			// const global = ()=>{
			// 	console.log(this);//window
			// }
			// global();
			
			
			// 二：对象里面的this指向
			// 1:普通函数
			// const Person = {realname:"张三",age:19,
			//    say:function(){
			// 	   console.log(this.realname);//当前的对象 "张三"
			//    }
			// }
			// Person.say();
			
			// 2:箭头函数
			// const Person = {realname:"张三",age:19,
			//    say:()=>