JS基础_this

原创于 2020-07-01 21:24:30 发布 · 118 阅读

0 ·

CC 4.0 BY-SA版权

JavaScript教程专栏收录该内容

127 篇文章

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
		
			/*
			 * 解析器在调用函数时每次都会向函数内部传递进一个隐含的参数，
			 * 	这个隐含的参数就是this，this指向的是一个对象，
			 * 	这个对象我们称为函数执行的 上下文对象，
			 * 	根据函数的调用方式的不同，this会指向不同的对象
			 * 		1.以函数的形式调用时，this永远都是window
			 * 		2.以方法的形式调用时，this就是调用方法的那个对象
			 */
			
			function fun(){
				console.log(this.name);
			}
			
			
			//创建一个对象
			var obj = {
				name:"孙悟空",
				sayName:fun
			};
			
			var obj2 = {
				name:"沙和尚",
				sayName:fun
			};
			
			var name = "全局的name属性";

			//以函数形式调用，this是window
			fun();         //全局的name属性
			
			//以方法的形式调用，this是调用方法的对象
			obj.sayName(); //孙悟空
			obj2.sayName();//沙和尚
			
		</script>
	</head>
	<body>
	</body>
</html>