一篇文章带你了解JavaScript作用域

 在JavaScript中，对象和函数也是变量。在JavaScript中，作用域是你可以访问的变量、对象和函数的集合。

创新互联建站主要从事成都网站制作、成都做网站、网页设计、企业做网站、公司建网站等业务。立足成都服务大祥,十年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18980820575

JavaScript 有函数作用域: 这个作用域在函数内变化。

一、本地JavaScript变量

一个变量声明在JavaScript函数内部，成为函数的局部变量。

局部变量有局部作用域: 它们只能在函数中访问。

JS：

 
 
 
 

  
  
  
  
//code here can not use carName 
  
  
  
  
   
 
 
 
 

由于局部变量只在它们的函数中被识别，所以具有相同名称的变量可以在不同的函数中使用。

当函数启动时创建局部变量，当函数完成时删除。

二、全局JavaScript变量

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

全局变量具有全局作用域: 网页上的所有脚本和函数都可以访问它。

自动全局

如果给未声明的变量赋值, 它会自动成为全局变量。

此代码示例将声明一个全局变量carName，即使赋的值是函数内部。

 
 
 
 

  
  
  
  
myFunction(); 
  
  
  
  
 
  
  
  
  
// code here can use carName 
  
  
  
  
 
  
  
  
  
function myFunction() { 
  
  
  
  
    carName = "Volvo"; 
  
  
  
  
} 
 
 
 
 

不要创建全局变量，除非你非常需要，在严格模式下 "Strict Mode"自动全局变量将失败。

三、在HTML中的全局变量

在JavaScript中，全局作用域是完整的JavaScript环境。

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

 
 
 
 

  
  
  
  
 
  
  
  
  
 
  
  
  
  
 
  
  
  
  
   
  
  
  
  
   
  
  
  
  
 
  
  
  
  
 
  
  
  
  
 
  
  
  
  
  
 
  
  
  
  
  在HTML中，所有的全局变量将成为窗口window变量。 
  
  
  
  
  
 
  
  
  
  
 
  
  
  
  
  
 
  
  
  
  
 
  
  
  
  
   
  
  
  
  
 
  
  
  
  
 
  
  
  
  
  
 
 
 
 

全局变量(或函数)可以覆盖窗口变量(或函数). 任何函数，包括窗口对象，都可以覆盖全局变量和函数.

四、JavaScript 代码块作用域

表中是var，let和const之间的区别。

用var关键字声明的变量不能具有块作用域，{}可以从块外部访问在块内部声明的变量：

 
 
 
 

  
  
  
  
{ 
  
  
  
  
  var num = 50; 
  
  
  
  
  } 
  
  
  
  
  // num 能在这里使用 
 
 
 
 

用let关键字声明的变量可以具有“块作用域”。

{}不能从块外部访问在块内部声明的变量：

 
 
 
 

  
  
  
  
{ 
  
  
  
  
  let num = 50; 
  
  
  
  
  } 
  
  
  
  
  // num不能在这里使用 
 
 
 
 

声明变量with const与let]涉及块作用域类似。

 
 
 
 

  
  
  
  
{ 
  
  
  
  
  const num = 50; 
  
  
  
  
  } 
  
  
  
  
  // num不能在这里使用 
 
 
 
 

常量的值不能通过重新分配而更改，也不能重新声明。

五、总结

本文基于JavaScript，介绍了了函数作用域和变量作用域。介绍了变量中全局变量的几种显示的方法，在HTML中的全局变量应该如何去表示。通过案例的讲解，让读者更好的去理解。

代码很简单， 希望能够帮助你学习。

网页标题：一篇文章带你了解JavaScript作用域
网站网址：http://www.shufengxianlan.com/qtweb/news30/146730.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联