JavaScript作用域应用实例代码分析

本篇内容介绍了“JavaScript作用域应用实例代码分析”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！

10年的凤庆网站建设经验，针对设计、前端、开发、售后、文案、推广等六对一服务，响应快，48小时及时工作处理。营销型网站的优势是能够根据用户设备显示端的尺寸不同，自动调整凤庆建站的显示方式，使网站能够适用不同显示终端，在浏览器中调整网站的宽度，无论在任何一种浏览器上浏览网站，都能展现优雅布局与设计，从而大程度地提升浏览体验。创新互联从事“凤庆网站设计”,“凤庆网站推广”以来，每个客户项目都认真落实执行。

一、本地JavaScript变量

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

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

JS：

//code here can not use carName   <script>     reFunction();     document.getElementById("demo").innerHTML =     "carName的类型是 " + typeof carName;      function reFunction() {         var carName = "Volvo";     } </script>

JavaScript作用域应用实例代码分析

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

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

二、全局JavaScript变量

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

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

<script>     var carName = "Volvo"; //可以从任何脚本或函数访问全局变量     myFunction();      function myFunction() {         document.getElementById("demo").innerHTML =         "I can display " + carName;     } </script>

JavaScript作用域应用实例代码分析

自动全局

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

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

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

JavaScript作用域应用实例代码分析

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

三、在HTML中的全局变量

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

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

<!DOCTYPE html> <html lang="en"> <head>   <meta charset="UTF-8">   <title>项目</title> </head> <body style="background-color: aqua;">    <p>   在HTML中，所有的全局变量将成为窗口window变量。   </p>    <p id="demo"></p>    <script>     var carName = "Volvo";      // code here can use window.carName     document.getElementById("demo").innerHTML = "I can display " + window.carName; </script>  </body> </html>

JavaScript作用域应用实例代码分析

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

四、JavaScript 代码块作用域

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

JavaScript作用域应用实例代码分析

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

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

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

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

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

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

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

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

“JavaScript作用域应用实例代码分析”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站，小编将为大家输出更多高质量的实用文章！

文章标题：JavaScript作用域应用实例代码分析
网站路径：https://www.cdcxhl.com/article32/jsegsc.html

成都网站建设公司_创新互联，为您提供营销型网站建设、品牌网站设计、网站排名、手机网站建设、App开发、动态网站

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

猜你还喜欢下面的内容