Scope sa JavaScript

Ang scope ay ang mga variable na sa kanila ikaw ay may kapangyarihan sa pag-access.

JavaScript function scope

Mayroon ang JavaScript ng dalawang uri ng scope:

  • Local scope
  • Global scope

Mayroon ang JavaScript ng function scope: ang bawat function ay magbibigay-daan ng bagong sakop.

Ang sakop ay nagbibigay-daan sa pag-access ng mga variable (pagkikita).

Ang variable na itinatag sa loob ng function ay hindi makikita mula sa labas ng function (hindi makikita).

local JavaScript variable

Ang variable na idineklara sa loob ng JavaScript function ay magiginglocal variable.

Ang sakop ng local variable ayLocal：Makakapasok lamang sa loob ng function.

实例

// Ang kodigo sa lugar na ito ay hindi makakapaggamit ng variable na carName
function myFunction() {
    var carName = "porsche";
    // Ang kodigo sa lugar na ito ay makakapaggamit ng variable na carName
}

亲自试一试

Dahil makakakilala lamang ang local variable sa loob ng function, makakapaggamit ng pangalang katulad sa iba't ibang function.

Ang local variable ay maglikha sa simula ng function at mabubuwag sa katapusan nito.

pangkalahatang JavaScript variable

Ang variable na idineklara labas ng function ay magigingPangkalahatang variable.

Ang sakop ng pangkalahatang variable ayPangkalahatang：Ang lahat ng script at function ng web ay makakapasok dito.

实例

var carName = "porsche";
// Ang kodigo sa lugar na ito ay makakapaggamit ng variable na carName
function myFunction() {
    // Ang kodigo sa lugar na ito ay makakapaggamit ng variable na carName
}

亲自试一试

Mga Variable ng JavaScript

Sa JavaScript, ang object at function ay variable din.

Ang sakop ay nagbibigay-daan sa pag-access ng variable, object at function mula sa iba't ibang bahagi ng code.

pangkalahatang automatico

Kung ikaw ay nagpapasok ng halaga sa variable na hindi pa nadeklara, ang variable na ito ay magigingPangkalahatanvariable.

Ang kodigo na ito ay magdeklara ng isang pangkalahatang variable na carName, kahit na naipasok na ito sa loob ng function.

实例

myFunction();
// Ang kodigo sa lugar na ito ay makakapaggamit ng variable na carName
function myFunction() {
    carName = "porsche";
}

亲自试一试

严格模式

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

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

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

HTML 中的全局变量

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

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

实例

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

亲自试一试

警告

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

您的全局变量（或函数）能够覆盖 window 变量（或函数）。

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

JavaScript 变量的有效期

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

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

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

函数参数

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