看js运行结果

最新推荐文章于 2022-08-04 10:44:55 发布

haojie5

最新推荐文章于 2022-08-04 10:44:55 发布

阅读量884

点赞数

分类专栏：学习笔记

本文链接：https://blog.csdn.net/haojie5/article/details/8108270

版权

学习笔记专栏收录该内容

18 篇文章 0 订阅

订阅专栏

function A(name){
	if(name){ // false
		// 这行没有进来
		this.name="Kate"
	}
}

function B(name){
	console.log(name); // undefined
	this.name = name;
}

function C(name){
	this.name = name || "Jack";
}

A.prototype.name="tom";
B.prototype.name="tom";
C.prototype.name="tom";

//tom undefined Jack
console.log(new A().name + new B().name + new C().name);

<!DOCTYPE HTML>  
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	</head>
	<body>
		<script type="text/javascript">
			
			var number = 2;

			function getNumber() {
				return this.number;
			}

			function getNumber2() {
				console.log(this); // window
				console.log(number); // undefined
				
				number = 4;
				console.log(window.number); //2
				console.log("a " + number); // 4

				var number;
				console.log("b " + number); // 4

				number = number * 2;
				console.log("c " + number); //8

				getNumber();

				function getNumber() {
					console.log("d " + this.number); // 2
					return this.number;
				}
			}
			
			getNumber2();
			console.log(number); //2

			//console.log("e " + getNumber2()); // undefined
			console.log("f " + getNumber()); // 2
			

		</script>
	</body>
</html>

4. css继承优先级由上到下

<!DOCTYPE HTML>
<html>
	<head>
		<title>123</title>
		<style type="text/css">
			#divid a{
				color: red;
			}
			.divclass a{
				color: yellow;
			}
			span a{
				color: green;
			}
			a{
				color: blue;
			}
		</style>
	</head>
	<body>	
		<div id="divid">
			<div class="divclass">
				<span><a href="http://www.baidu.com/">red</a></span>
			</div>
		</div>
	</body>
</html>

var a = {name:"haojie", age:"1"};
b=a;
a.name="tom";
console.log(b.name); // tom

a = {name:"zzy", age:1};
console.log(b.name); // tom

a.name="aaa";
console.log(b.name); // tom

name = "win";

function getName(){
	console.log("11 " + this); // window
	console.log("1 " + this.name);
}
function a(){
	console.log("22 " + this); // window
	this.name="a";
	console.log("2 " + this.name);
	
	getName();
	
	function getName(){
		console.log("33 " + this); // window
		console.log("3 " + this.name);
		return this.name;
	}
	
}

getName(); // 1 win
a();// 2 a   3 a
getName(); // 1 a

<!DOCTYPE HTML>  
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	</head>
	<body>
		<script type="text/javascript">
			
			var myObject1 = {};
			myObject1 = function(){
				console.log(this); // Window
			}
			myObject1();
			
			var myObject2 = {};
			myObject2.haha = function(){
				console.log(this); // Object{haha:function}
			}
			myObject2.haha();
			
			// 不好理解？换种写法
			var myObject3 = {
				haha:function(){
					console.log(this); // Object{haha:function}
				}
			};
			myObject3.haha();
			

		</script>
	</body>
</html>

<!DOCTYPE HTML>  
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	</head>
	<body>
		<script type="text/javascript">
			
			function add(a){
				console.log(this);
				console.log(a);
			}
			
			var myObject = {};
			myObject.haha = function(){
				console.log(this);
				var that = this;
				var helper = function(){
					add(this);
					//add(that);
				}
				helper();
			}
			myObject.haha();
			
			
			

		</script>
	</body>
</html>

haojie5

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
看js运行结果

1. function A(name){ if(name){ // false // 这行没有进来 this.name="Kate" }}function B(name){ console.log(name); // undefined this.name = name;}function C(name){ this.name = name || "Jack"
复制链接

扫一扫