JS基础必读——作用域

最新推荐文章于 2022-05-05 14:00:00 发布
最新推荐文章于 2022-05-05 14:00:00 发布
阅读量215 收藏
点赞数
分类专栏： JS作用域 文章标签： 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47638652/article/details/114280448
版权
本文介绍了JavaScript中的作用域，包括作用域概述、变量作用域的分类（全局与局部）、全局变量与局部变量的区别以及作用域链的概念。强调了全局变量占用更多内存，局部变量更节省资源，以及JS在ES6前没有块级作用域的特点。
摘要由CSDN通过智能技术生成

视频链接：https://www.bilibili.com/video/BV1ux411d75J?p=134
点击观看视频

作用域

1 作用域

1.1 作用域概述

通常来说，一段程序代码中所用到的名字并不总是有效和可用的，而限定这个名字的可用性的代码范围就是这个名字的作用域。作用域的使用提高了程序逻辑的局部性，增强了程序的可靠性，减少了名字冲突。

2 变量的作用域

2.1 变量作用域的分类

一、在JavaScript中，根据作用域的不同，变量可以分为两种：
1.JavaScript作用域（es6）之前：全局作用域 局部作用域
2.全局作用域：整个script标签 或者是一个单独的js文件
3.局部作用域（函数作用域）在函数内部就是局部作用域 这个代码的名字只在函数内部起效果和作用。

二、从执行效率来看全局变量和局部变量
1.全局变量还有浏览器关闭的时候才会销毁，比较占内存资源
2.局部变量 当我们查询执行完毕就会销毁，比较节约占内存资源

2.2 全局变量

在全局作用域下声明的变量叫做全局变量（在函数外部定义的变量）。

  • 全局变量在代码的任何位置都可以使用
  • 在全局作用域下var声明的变量是全局变量
  • 特殊情况下，在函数内不使用var声明的
最低0.47元/天 解锁文章
努力赚钱的打工人
关注
专栏目录
JS基础必读——预解析
weixin_47638652的博客
03-02 248
视频链接：https://www.bilibili.com/video/BV1ux411d75J?p=134 点击观看视频 预解析1.预解析1.1什么是预解析1.2 变量预解析1.3为什么要学习预解析1.4 预解析案例 1.预解析 1.1什么是预解析 JavaScript 代码是由浏览器中的JavaScript解析器来执行的。JavaScript解析器在运行JavaScript代码的时候分两步：预解析和代码运行。 （1）预解析：js引擎会把js里面所有的var 还有function提升到当前作用域的最前面，
JavaScript - 变量作用域
weixin_34174422的博客
06-14 159
在JavaScript中，用var申明的变量实际上是有作用域的。 如果一个变量在函数体内部申明，则该变量的作用域为整个函数体，在函数体外不可引用该变量： 'use strict'; function foo() { var x = 1; x = x + 1; } x = x + 2; // ReferenceError! 无法在函数体外引用变量x ...
Java作用域
超胆孤侠
11-27 491
try catch里面的是局部变量。 java变量的作用域分为四个级别：类级、对象实例级、方法级、块级。 块级变量就是定义在一个块（{}）内部的变量都是局部变量 try{}中try后面的{}就是一个块级作用域，所以内部定义的变量是局部变量。在Java中，变量的作用域分为四个级别：类级、对象实例级、方法级、块级。类级变量又称全局级变量或静态变量，需要使用static关键字修饰。类级变量在类
js的作用域、作用域链
weixin_45847162的博客
12-29 198
作用域 作用域分为两种：全局作用域和局部作用域 全局作用域 可以在代码中的任何地方都能被访问 var i = 10; function fn() { console.log(i); var i = 5; console.log(i); } console.log(i); ...
关于JavaScript作用域的理解
sky_math的博客
05-03 307
    作用域是JavaScript中一个基本的知识点，但是如果要比较全面的了解它，不免需要涉及到很多知识点。    首先，我们需要明确作用域的定义或者描述。作用域，也就是规定如何存储变量，在需要的时候如何去访问这些变量的规则。作用域分为两类：动态作用域，静态作用域（词法作用域）。一动一静，从字面上理解也能看出他们的区别，动态作用域是在运行时确定的（JavaScript中的this符合这一点，先挖...
JavaScript基础--作用域
JJ_Smilewang的博客
05-05 508
1. 作用域 所谓作用域就是变量或函数的作用范围，即作用域控制着变量和函数的可见性和生命周期。其目的是为了提高程序的可靠性，更重要的是减少命名冲突。 JS中有两种作用域：全局作用域和局部作用域。 1.1 全局作用域 直接编写在<script>标签中的代码或者一个单独的JS文件，都是全局作用域。全局作用域在页面打开时创建，只有在页面关闭时才可销毁。 <script> // 以下代码直接在<script>标签中编写是全局作用域 var num = 10; con
javascript语言精粹：web开发必读
3. **作用域与闭包**：理解函数作用域和块级作用域，以及闭包的概念和应用场景，这对于编写可维护和高效的代码至关重要。 4. **事件处理**：JavaScript与用户的交互主要通过事件来实现，书中可能会介绍事件模型、...
藏经阁-2020前端工程师必读手册-203页
最新发布
05-23
对于环境的准备，书中强调了作用域（Scope）和环境（Environment）的概念，指出作用域包含对象和父作用域，用于变量和函数的定义。随着ES5的出现，作用域被环境（Environment）所取代，环境记录则对应于作用域中的...
javascript高级教程 pdf，学javascript必读
12-10
在高级教程中，这些基础知识会得到深化，例如，你会学习到闭包——这是JavaScript中的一个强大特性，它允许函数访问并操作外部作用域的变量，即使在函数执行完毕后仍能保持对这些变量的引用。 此外，教程还涵盖了...
JavaScript基础--超详细（内置对象及作用域）
c.j.h_code的博客
10-15 201
JavaScript基础--超详细（作用域及对象）_c.j.h_code的博客-CSDN博客 目录 6.1内置对象 6.1.1 内置对象概念 6.1.2 查文档 6.1.3 Math对象 6.1.4 日期对象 6.1.5 数组对象 6.1.6 字符串对象 6.2简单数据类型和复杂数据类型 6.2.1 简单数据类型 6.2.2 复杂数据类型 6.2.3 堆和栈 6.2.4 简单类型传参 6.2.5 复杂数据类型传参 6.1内置对象 6.1.1 内置对象概念 ...
Js作用域与作用域链详解
热门推荐
Skycrab
07-28 13万+
一直对Js的作用域有点迷糊，今天偶然读到Javascript权威指南，立马被吸引住了，写的真不错。我看的是第六版本，相当的厚，大概1000多页，Js博大精深，要熟悉精通需要大毅力大功夫。 一：函数作用域    先看一小段代码：var scope="global"; function t(){ console.log(scope); var scope="local" c
JavaScript 基础五 函数的内置形参arguments ； 函数的两种声明；作用域链；预解析；创建对象的三个方式；构造函数；for in 遍历对象
m0_55170432的博客
03-28 366
1.0 arguments 函数内置的形参 当我们不确定有多少个参数传递的时候，可以用 arguments 来获取。 在 JavaScript 中，arguments 实际上它是当前函数的一个内置对象。所有函数都内置了一个 arguments 对象，arguments 对象中存储了传递的所有实参。 arguments展示形式是一个伪数组，因此可以进行遍历。伪数组具有以下特点： 具有 length 属性 按索引方式储存数据 不具有数组的 push , pop 等方法 arguments 的
函数面试题
weixin_45846291的博客
02-13 240
函数面试题 面试题的理解文档 第一题： var num; function fun() { var num; console.log(num); num = 20; } num = 18; fun（）; 理解： 结果是undefined，但是num的值为18，函数里面的num的值为20，这串代码是由上到下的循序执行的，而这里的num如果在函数里面则会去找自己里面的，如果有则会使用自己里面的num...
JavaScript关于作用域、作用域链和闭包的理解
Hello World
04-29 5万+
作用域先来谈谈变量的作用域 变量的作用域无非就是两种：全局变量和局部变量。 全局作用域： 最外层函数定义的变量拥有全局作用域，即对任何内部函数来说，都是可以访问的：<script> var outerVar = "outer"; function fn(){ console.log(outerVar); } fn();//res
JavaScript中变量复制
友人C君的博客
02-05 213
基本类型：复制值 var num1=5; var num2=num1; （num1和num2的值相互独立，互不影响）   引用类型：复制地址（指针），指向存储在堆中的同一个对象 var obj1=new object(); var obj2=obj1; obj1.value=100; alert(obj2.value);//100...
JavaScript基础之函数与作用域(二)
Augenstern_QXL的博客
08-03 2万+
✍ 1、函数???? 函数：就是封装了一段可被重复调用执行的代码块。通过此代码块可以实现大量代码的重复使用。 1.1、函数的使用???? 函数在使用时分为两步：声明函数和调用函数 ①声明函数???? //声明函数 function 函数名(){ //函数体代码 } function 是声明函数的关键字,必须小写 由于函数一般是为了实现某个功能才定义的， 所以通常我们将函数名命名为动词，比如 getSum ②调用函数???? //调用函数 函数名(); //通过调用函数名来执行函数体代码
js进阶提升
前行的snail
07-02 761
一、js中两种类型 ：值类型和引用类型； 比如 var num=5;与 var num=new number(5); 二、undefined 与null: undefined:表示对象没有被定义或者没有被初始化；是从null派生出来的 null：表示一个尚未存在的对象占位符； alert(null==undefined);  //输出“true” 三、typeof运算完返回的是字符串
JavaScript预解析
知知脏的博客
04-24 150
预解析 先来看几个例子 console.log(num); //结果是多少？ //num is not defined console.log(num); //结果是多少？ var num = 10; //undefined fn(); var fn = function() { console.log('想不到吧'); } JS运行代码的时候： 分为两步： 预解析：浏览器会默认把带有var和 function，放到当前作用域的最前面 代码执行： 按照代码的书写，从上往
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值