javascript学习笔记三

JavaScript this 关键字

面向对象语言中 this 表示当前对象的一个引用。但在 JavaScript 中 this 不是固定不变的，它会随着执行环境的改变而改变。

1、在方法中，this 表示该方法所属的对象。
2、如果单独使用，this 表示全局对象。
3、在函数中，this 表示全局对象。
4、在函数中，在严格模式下，this 是未定义的(undefined)。
5、在事件中，this 表示接收事件的元素。
6、类似 call() 和 apply() 方法可以将 this 引用到任何对象。

JavaScript let 和 const

ECMAScript 2015(ECMAScript 6)

ES2015(ES6) 新增加了两个重要的 JavaScript 关键字: let 和 const。
let 声明的变量只在 let 命令所在的代码块内有效。
const 声明一个只读的常量，一旦声明，常量的值就不能改变。
在 ES6 之前，JavaScript 只有两种作用域： 全局变量 与 函数内的局部变量。
1、全局变量在 JavaScript 程序的任何地方都可以访问。
2、局部变量在声明的函数外不可以访问。函数内使用 var 声明的变量只能在函数内容访问，如果不使用 var 则是全局变量。

	<p id="test"></p>
	<script>
		testFunction();
		document.getElementById("test").innerHTML = "carName 的类型是：" + typeof carName;

		function testFunction() {
			//var carName = "Hollow";//局部变量,返回undefined
			carName = "Hollow 2";//全局变量，返回string
		}
	</script>

JavaScript 块级作用域(Block Scope)

使用 var 关键字声明的变量不具备块级作用域的特性，它在 {} 外依然能被访问到。

{
    var i = 5;
}

// 这里可以使用 i 变量

在 ES6 之前，是没有块级作用域的概念的。但ES6 可以使用 let 关键字来实现块级作用域。

let 声明的变量只在 let 命令所在的代码块 {} 内有效，在 {} 之外不能访问。

{
    let i = 5;
}

// 这里不能使用i 变量

javascript:void(0) 含义

我们经常会使用到 javascript:void(0) 这样的代码，那么在 JavaScript 中 javascript:void(0) 代表的是什么意思呢？

javascript:void(0) 中最关键的是 void 关键字， void 是 JavaScript 中非常重要的关键字，该操作符指定要计算一个表达式但是不返回值。

href="#"与href=“javascript:void(0)”、href="javascript:;"的区别？

包含了一个位置信息，默认的锚是#top 也就是网页的上端。

而javascript:void(0), 仅仅表示一个死链接。
而javascript:;, 仅仅表示一个死链接。

在页面很长的时候会使用 # 来定位页面的具体位置，格式为：# + id。

如果你要定义一个死链接请使用 javascript:void(0) 或javascript:;。