JavaScript 作用域

javascript 作用域

作用域指的是您有权访问的变量集合。

 

1. javascript 函数作用域

在 javascript 中有两种作用域类型:

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

javascript 拥有函数作用域:每个函数创建一个新的作用域。

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

函数内部定义的变量从函数外部是不可访问的(不可见的)。

 

2. 局部 javascript 变量

在 javascript 函数中声明的变量,会成为函数的局部变量。

局部变量的作用域是局部的:只能在函数内部访问它们。

范例

// 此处的代码不能使用 carname 变量
function myfunction() {
    var carname = "porsche";
    // 此处的代码能使用 carname 变量
}

由于只能在函数内部识别局部变量,因此能够在不同函数中使用同名变量。

在函数开始时会创建局部变量,在函数完成时会删除它们。

 

3. 全局 javascript 变量

函数之外声明的变量,会成为全局变量。

全局变量的作用域是全局的:网页的所有脚本和函数都能够访问它。

范例

var carname = " porsche";
// 此处的代码能够使用 carname 变量
function myfunction() {
    // 此处的代码也能够使用 carname 变量
}

 

4. javascript 变量

在 javascript 中,对象和函数也是变量。

作用域决定了从代码不同部分对变量、对象和函数的可访问性。

 

5. 自动全局

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

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

范例

myfunction();
// 此处的代码能够使用 carname 变量
function myfunction() {
    carname = "porsche";
}

 

6. 严格模式

所有现代浏览器都支持以“严格模式”运行 javascript。

您将在本教程稍后的章节学习更多如何使用严格模式的知识。

在“严格模式”中不会自动创建全局变量。

 

7. html 中的全局变量

通过 javascript,全局作用域形成了完整的 javascript 环境。

在 html 中,全局作用域是 window。所有全局变量均属于 window 对象。

范例

var carname = "porsche";
// 此处的代码能够使用 window.carname

 

8. 警告

除非有意为之,否则请勿创建全局变量。

您的全局变量(或函数)能够覆盖 window 变量(或函数)。

任何函数,包括 window 对象,能够覆盖您的全局变量和函数。

 

9. javascript 变量的有效期

javascript 变量的有效期始于其被创建时。

局部变量会在函数完成时被删除。

全局变量会在您关闭页面是被删除。

 

10. 函数参数

函数参数也是函数内的局部变量。

下一节:js this 关键词

js 教程

相关文章