你不知道的javaScript（上卷）学习笔记

最新推荐文章于 2024-10-02 05:39:15 发布

辣条小哥哥

最新推荐文章于 2024-10-02 05:39:15 发布

阅读量146

点赞数

分类专栏：你不知道的javaScript学习笔记文章标签： javascript

本文链接：https://blog.csdn.net/weixin_44090040/article/details/115245282

版权

你不知道的javaScript学习笔记专栏收录该内容

1 篇文章 0 订阅

订阅专栏

var a = 2
// 变量的赋值操作会执行两个动作，首先编译器会在当前作用域中声明一个变量（如果之前没有声明过），
然后在运行时引擎会在作用域中查找该变量，如果能够找到就会对 它赋值。

1，作用域嵌套
当一个块或函数嵌套在另一个块或函数中时，就发生了作用域的嵌套。因此，在当前作用域中无法找到某个变量时，引擎就会在外层嵌套的作用域中继续查找，直到找到该变量，或抵达最外层的作用域（也就是全局作用域）为止。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<button id="btn">点击</button>
	</body>
	<script>
		function foo(a){
			console.log(a+b) ;
		}
		var b = 3 ; 
		const btn=document.getElementById('btn');
		btn.onclick=function(){
			 foo(2) ; // 5
		}
	</script>
</html>

2，类型
对象是JavaScript的基础。在JavaScrip中一共有六种主要类型：

string
number
boolean
object
null
undefined
注意:基本类型（string,number,boolean,null和undefined）本身并不是对象。null有时候会被当做一种对象类型，但是其实这只是语言本身的一个bug。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<button id="btn">点击</button>
	</body>
	<script>
		console.log(typeof(null))  // object
	</script>
</html>

实际上null本身是基本类型。

3，关于this

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<button id="btn">点击</button>
	</body>
	<script>
		function foo(num) {
			console.log("foo: " + num); // 记录 foo 被调用的次数
			this.count++;
		}
		foo.count = 0;
		var i;
		for (i = 0; i < 10; i++) {
			if (i > 5) {
				foo(i);
			}
		} 
		
		// foo: 6
		// foo: 7
		// foo: 8
		// foo: 9
		console.log(foo.count)  // 0 
		
	</script>
</html>