JS基础知识---作用域-CSDN博客

本文链接：https://blog.csdn.net/m0_53170889/article/details/119279085

本文介绍了JavaScript的作用域，包括函数作用域和全局作用域。局部变量只在函数内部可用，而全局变量在整个页面中都能访问。未声明就赋值的变量会自动成为全局变量，但在严格模式下则不会。在HTML中，全局变量关联于window对象。注意避免不必要的全局变量以防止命名冲突。函数参数也被视为局部变量。了解这些概念对于优化JavaScript代码至关重要。

摘要由CSDN通过智能技术生成

文章目录

JS 作用域

JS 作用域

该笔记参照W3School学习的
作用域指的是您有权访问的变量集合。

JS函数作用域

两种作用域类型

局部作用域
全局作用域

JavaScript 拥有函数作用域：每个函数创建一个新的作用域。

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

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

局部JS变量

在 JavaScript 函数中声明的变量，会成为函数的局部变量。

局部变量的作用域是局部的：只能在函数内部访问它们。
由于只能在函数内部识别局部变量，因此能够在不同函数中使用同名变量。

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

全局JS变量

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

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

自动全局

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

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

myFunction();


// 此处的代码能够使用 carName 变量

function myFunction() {
    carName = "porsche";
}

严格模式

所有现代浏览器都支持以“严格模式”运行 JavaScript。
在“严格模式”中不会自动创建全局变量。

HTML中的全局变量

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

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

**eg: **

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript 作用域</h1>

<p>在 HTML 中，通过 <b>var</b> 定义的全局变量，会成为 window 变量。</p>

<p id="demo"></p>

<script>
var carName = "porsche";

// code here can use window.carName
document.getElementById("demo").innerHTML = "我可以显示 " + window.carName;
</script>

</body>
</html>