JavaScript：Scope（域）的基本指南

techstay 发布于2019-08-29 15:22 / 3123人阅读

摘要：变量范围有助于减少阻止这种情况发生。但是，在函数之外调用将导致由于局部变量只能在其函数中访问，因此可以在不同的函数中使用相同的变量名称词法作用域学习词法作用域也很重要。局部变量在函数启动时创建，并在函数结束时删除。

Scope决定了代码中变量，函数和对象的可见性。在这里了解所有细节。

Scope是JavaScript和编程的一个重要方面。Scope限制了整个代码中变量，函数和对象的可见性以及可用性。

这带来了很多好处，其中包括：

安全 - 变量只能在需要的地方访问。

减少变量名空间冲突 - 当两个或更多变量共享一个通用名称时，会发生变量名冲突。变量范围有助于减少阻止这种情况发生。

在最基本的层面上，JavaScript有两种类型的范围:

Global Scope（全局作用域）

Local Scope（局部作用域）

全局作用域

当你开始用JavaScript编写代码时，你就已经在全局范围内。任何在全局范围内编写的东西都可以在JavaScript代码中的任何地方访问

var cat = "Jerry";

function localScopeExample(){
  // LOCAL SCOPE
  console.log(cat); // Jerry
}

// GLOBAL SCOPE
console.log(cat); // Jerry

局部作用域

局部作用域稍微复杂一点。局部作用域变量只能在局部作用域（它们被定义的地方）中可见和可访问。您可以将局部作用域视为您在全局范围内创建的任何新范围。

一个简单的例子就是在使用函数时。用JavaScript编写的每个函数都会创建一个新的局部作用域。这些局部作用域的变量只能在它们定义的函数中访问。

我们来看一个例子。我们将创建一个函数并在该函数中声明变量cat。猫可以访问并且可以在该功能的任何地方使用。但是，在函数之外调用cat将导致Uncaught ReferenceError：

function localScopeExample(){
  // LOCAL SCOPE
  var cat = "Jerry";
  console.log(cat); // Jerry
}

// GLOBAL SCOPE
console.log(cat); // Uncaught ReferenceError: cat is not defined

由于局部变量只能在其函数中访问，因此可以在_不同的函数中使用相同的变量名称_：

function func1(){
  var cat = "Jerry";
  console.log(cat); // Jerry
}

function func2(){
  var cat = "Tom";
  console.log(cat); // Tom
}

词法作用域

学习词法作用域也很重要。词法作用域（也称为静态作用域）是内部函数访问外部函数范围的能力。

我们来看一个例子。在下面的代码中，我们定义了两个函数 - func1在全局范围内，func2在func1范围内声明。由于词汇范围的限制，您可以在_范围2_中访问_全局作用域_和_范围1_中的所有内容：

// GLOBAL SCOPE
var dog = "Lewis";

function func1(){
  // SCOPE 1
  var cat = "Jerry";

  var func2 = function(){
    // SCOPE 2
    console.log(cat); // Jerry
    console.log(dog); // Lewis
  }
}

块级作用域

使用var时，变量既可以是全局作用域，也可以局部作用于定义它的函数。块级作用域如if，for，while，{}对var 没有影响。

let & const,另一方面，它们被限定在它们所定义的区块内。我们来看一个例子：

let x = 1;

{
  let x = 2;
  console.log(x); // 2
}

console.log(x); // 1

正如你在上面看到的那样，简单地使用括号来创建一个代码块将在本地范围内在该块内声明的任何变量。相同的概念适用于其他块范围：

let x = 1;

if (x !== 2) {
  let x = 2;
  console.log(x); // 2
}

console.log(x); // 1

但要小心。如果您不小心重新声明具有相同块范围的相同变量，则会出现错误：

{
  let x = 1;
  let x = 2;
}

Uncaught SyntaxError: Identifier "x" has already been declared

关键要点：

全局范围的持续时间与系统一样长。

局部变量在函数启动时创建，并在函数结束时删除。

词法作用域允许内部函数访问其外部函数的作用域

const和let是块范围变量。块范围不适用于var。

私有云海外云主机 scope作用域 javascript的基本组成 javascript指南 javascript教程指南

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/113271.html

JavaScript：Scope（域）的基本指南

摘要：变量范围有助于减少阻止这种情况发生。但是，在函数之外调用将导致由于局部变量只能在其函数中访问，因此可以在不同的函数中使用相同的变量名称词法作用域学习词法作用域也很重要。局部变量在函数启动时创建，并在函数结束时删除。 Scope决定了代码中变量，函数和对象的可见性。在这里了解所有细节。 showImg(https://segmentfault.com/img/remote/1460000...

Heier 2019-08-22 17:09 评论0 收藏0
JavaScript：Scope（域）的基本指南

摘要：变量范围有助于减少阻止这种情况发生。但是，在函数之外调用将导致由于局部变量只能在其函数中访问，因此可以在不同的函数中使用相同的变量名称词法作用域学习词法作用域也很重要。局部变量在函数启动时创建，并在函数结束时删除。 Scope决定了代码中变量，函数和对象的可见性。在这里了解所有细节。 showImg(https://segmentfault.com/img/remote/1460000...

voidking 2019-08-02 10:24 评论0 收藏0
JavaScript深入之词法作用域和动态作用域

摘要：作用域作用域是指程序源代码中定义变量的区域。采用词法作用域，也就是静态作用域。而与词法作用域相对的是动态作用域，函数的作用域是在函数调用的时候才决定的。前面我们已经说了，采用的是静态作用域，所以这个例子的结果是。 JavaScript深入系列的第二篇，JavaScript采用词法作用域，什么语言采用了动态作用域？两者的区别又是什么？还有一个略难的思考题，快来看看吧。作用域作用域是指...

gclove 2019-08-20 15:37 评论0 收藏0
JavaScript中的闭包

摘要：闭包引起的内存泄漏总结从理论的角度将由于作用域链的特性中所有函数都是闭包但是从应用的角度来说只有当函数以返回值返回或者当函数以参数形式使用或者当函数中自由变量在函数外被引用时才能成为明确意义上的闭包。文章同步到github js的闭包概念几乎是任何面试官都会问的问题,最近把闭包这块的概念梳理了一下,记录成以下文章。什么是闭包我先列出一些官方及经典书籍等书中给出的概念,这些概念虽然...

HmyBmny 2019-08-21 17:07 评论0 收藏0
深入学习js之——词法作用域和动态作用域

摘要：在中的应用采用词法作用域，也就是静态作用域。那什么又是词法作用域或者静态作用域呢请继续往下看静态作用域与动态作用域因为采用的是词法作用域函数的作用域在函数定义的时候就决定了。开篇当我们在开始学习任何一门语言的时候，都会接触到变量的概念，变量的出现其实是为了解决一个问题，为的是存储某些值，进而，存储某些值的目的是为了在之后对这个值进行访问或者修改，正是这种存储和访问变量的能力将状态给...

shiweifu 2019-08-23 15:06 评论0 收藏0