Javascript作用域(局部和全局作用域)详细介绍
更新时间：2023年06月06日 10:18:31 作者：下一站丶
作用域是当前的执行上下文，值和表达式在其中“可见”或可被访问，本文主要介绍了Javascript局部作用域和全局作用域，文中有详细的代码示例，具有一定的参考价值,需要的朋友可以借鉴一下
Javascript作用域 (局部作用域和全局作用域) 详细介绍
作用域是当前的执行上下文，值和表达式在其中“可见”或可被访问。
常见的作用域为：
全局作用域：脚本模式运行所有代码的默认作用域
函数作用域：由函数创建的作用域
局部作用域：用对象{}包着（一个代码块）创建出来的作用域
在了解作用域之前先看一下全局变量和局部变量
全局变量
1、在全局作用域下声明的变量叫做 全局变量（在函数外部定义的变量）2、全局变量在全局（代码的任何位置）下都可以使用；全局作用域中无法访问到局部作用域中的变量。
以下我们用var创建的就是全局变量：
<script>
var value = 66;
function method(){
console.log(value);
}
method();
console.log(value);
</script>全局变量会提升但并不会赋值:所以 在创建之前log是undefined 的亿点小知识：变量提升和上文提到触发时间有关。我们知道，var 和 function 声明的变量可以在声明前访问，这就是因为变量提升的缘故。
<script>
console.log(value); // undefined
var value = 66;
console.log(value); // 66
</script>局部变量
1、在局部作用域下声明的变量叫做局部变量（在函数内部定义的变量）2、局部变量只能在函数内部使用，在局部作用域中可以访问到全局变量。
在函数的内部创建变量也是局部变量:
<script>
function method(){
var value = 66;
console.log(value); // 66
}
method();
console.log(value); //value is not defined
</script>全局作用域和局部作用域的区别
- 全局作用域
全局作用域中的变量称为全局变量，可以在任何作用域内访问。有两种全局变量：
1.全局声明变量是普通变量，在最顶级由 const、let 和 class 声明的变量。
2.全局对象是存储在全局对象中的属性亿点小知识：所有创建的变量都会作为 window 对象的属性保存
<script>
var value = 66; // 在整个全局都可以获取到 value
function method(){
console.log(value); // 全局方法内部也可以获取到 value
}
method();
</script>- 局部作用域
作用域对变量来说，可以简单理解为程序能够访问到变量的范围，超过作用域的就无法访问。
{
// 外面这个 a 作用域，可以访问变量 a
const a = 0;
console.log(a); // 0
{
// 里面这个 b 作用域，可以访问 a、b
const b = 1;
console.log(a); // 0
console.log(b); // 1
}
}
// 最外面的作用域 不能访问 a,b
console.log(a); // 报错：Uncaught ReferenceError: a is not defined- 函数作用域
在函数内部定义的变量，就是局部作用域。函数作用域内，对外是封闭的，从外层的作用域无法直接访问函数内部的作用域
function method(){
let value = '内容';
}
console.log(value ) //报错：ReferenceError:value is not defined以上就是Javascript作用域 (局部和全局作用域) 详细介绍的详细内容，更多关于Javascript 作用域的资料请关注脚本之家其它相关文章！
相关文章
这篇文章主要介绍了使用Mock.js生成前端测试数据，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-12-12
javascript学习随笔(编写浏览器脚本 Navigator Scripting )
javascript学习随笔(编写浏览器脚本 Navigator Scripting )...2007-03-03
下面小编就为大家带来一篇一个简单的JavaScript Map实例(分享)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-08-08
formatter 提示框浮层内容格式器,支持字符串模板和回调函数两种形式,下面这篇文章主要给大家介绍了关于Echarts图表中formatter的基本用法,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2023-02-02
正如标题所言如何对table的td进行相同内容合并，下面为大家详细介绍下使用js是如何做到的，感兴趣的朋友不要错过2013-12-12
这篇文章主要为大家详细介绍了JScript实现简单的表格操作，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-08-08
极力推荐一款小巧玲珑的可视化编辑器bootstrap-wysiwyg
这篇文章主要为大家极力推荐一款小巧玲珑的可视化编辑器bootstrap-wysiwyg，是一款基于jquery和bootstrap的可视化编辑器，感兴趣的小伙伴们可以参考一下2016-05-05
这篇文章主要给大家介绍了关于js控制滚动条滚动的两种简单方法,通过JavaScript可以直接控制滚动条的位置,从而达到锁定滚动条的效果,文中通过示例代码介绍的非常详细,需要的朋友可以参考下2023-07-07
这篇文章主要介绍了基于javascript实现根据身份证号码识别性别和年龄的相关资料,需要的朋友可以参考下2016-01-01
在web应用中，应用了大量的Javascript，因此代码的执行效率变得尤为重要，也就是性能！为了提高JS的性能，我们应该掌握一些基本的性能优化方式，并让它成为我们书写代码的习惯。下面介绍几种优化性能的方式，很多初学者甚至有经验的开发者也会忽略，希望对你有帮助2015-04-04
最新评论