javascript中变量的作用域问题

JavaScript 函数作用域

在 JavaScript 中有两种作用域类型：

• 局部作用域
• 全局作用域

JavaScript 拥有函数作用域：每个函数创建一个新的作用域。

作用域决定了这些变量的可访问性（可见性）。

函数内部定义的变量从函数外部是不可访问的（不可见的）

 

但是：如果您为尚未声明的变量赋值，此变量会自动成为全局变量。

这段代码将声明一个全局变量 carName，即使在函数内进行了赋值。

实例

myFunction();


// 此处的代码能够使用 carName 变量

function myFunction() {
    carName = "porsche";
}

除非提前声明了严格模式：

先说完hoisting问题再说严格模式的问题

提升（Hoisting）是 JavaScript 将声明移至顶部的默认行为。

在jiavascript中变量可以先使用声明，因为声明默认会置顶

例如：

例子 1
x = 5; // 把 5 赋值给 x
 
elem = document.getElementById("demo"); // 查找元素
elem.innerHTML = x;                     // 在元素中显示 x

var x; // 声明 x
亲自试一试
例子 2
var x; // 声明 x
x = 5; // 把 5 赋值给 x

elem = document.getElementById("demo"); // 查找元素
elem.innerHTML = x;                     // 在元素中显示 x

 

 

但是：JavaScript 初始化不会被提升

JavaScript 只提升声明，而非初始化。

例子 1
var x = 5; // 初始化 x
var y = 7; // 初始化 y

elem = document.getElementById("demo"); // 查找元素
elem.innerHTML = x + " " + y;           // 显示 x 和 y




例子 2
var x = 5; // 初始化 x
 
elem = document.getElementById("demo"); // 查找元素
elem.innerHTML = x + " " + y;           // 显示 x 和 y
 
var y = 7; // 初始化 y 

最后一个例子中的 y 仍然是未定义能说得通吗？

这是因为只有声明（var y）而不是初始化（=7）被提升到顶部。

由于 hoisting，y 在其被使用前已经被声明，但是由于未对初始化进行提升，y 的值仍是未定义。

Hoisting（对很多开发者来说）是 JavaScript 的一种未知的或被忽视的行为。

 

 

"use strict"; 定义 JavaScript 代码应该以“严格模式”执行。

"use strict" 指令

"use strict" 是 JavaScript 1.8.5 中的新指令（ECMAScript version 5）。

它不算一条语句，而是一段文字表达式，更早版本的 JavaScript 会忽略它。

"use strict"; 的作用是指示 JavaScript 代码应该以“严格模式”执行。

在严格模式中，您无法，例如，使用未声明的变量。

以下版本的浏览器支持严格模式：

• 版本 10 以后的 IE
• 版本 4 以后的 Firefox
• 版本 13 以后的 Chrome
• 版本 5.1 以后的 Safari
• 版本 12 以后的 Opera

声明严格模式

通过在脚本或函数的开头添加 "use strict"; 来声明严格模式。

在脚本开头进行声明，拥有全局作用域（脚本中的所有代码均以严格模式来执行）：

实例

"use strict";
x = 3.14;       // 这会引发错误，因为 x 尚未声明

在函数中声明严格模式，拥有局部作用域（只有函数中的代码以严格模式执行）：

x = 3.14;       // 这不会引发错误
myFunction();

function  myFunction() {
	"use strict";
	 y = 3.14;   // 这会引发错误
}