作用域和内存问题

2023-11-20

一、基本类型和引用类型的值

变量可能包括两种不同的数据类型的值

  • 基本类型值:简单的数据段(栈储存)
  • 引用类型值:指那些可能由多个值构成的对象(堆储存)

5种基本数据类型:undefined,Null,Boolean,Number 和 String
引用数据类型:object(Array, Date, RegExp, Function)


基本类型和引用类型的区别
  • 这5种基本数据类型是按值访问的,因为可以操作保存在变量中的实际的值。【类似于复制】

  • 引用类型的值时保存在内存中的对象(与其他语言不同,js不允许直接访问内存中的位置),不能直接操作对象的内存空间。在操作对象时,实际上是在操作对象的引用而不是实际的对象。为此,引用类型的值是按照引用访问的。【类似于指针指向】

1. 动态的属性

定义基本类型值和引用类型值的方式是类似的:创建一个变量并为该变量赋值。

  • 对于引用类型的值,我们可以为其添加属性和方法也可以改变和删除其属性和方法
  • 不能给基本类型的值添加属性

只能给引用类型值动态的添加属性

2. 复制变量值

除了保存的方式不同之外,在从一个变量向另一个变量复制基本类型值和引用类型值时,也存在不同:

  • 如果从一个变量向另一个变量复制基本类型的值,会在变量对象上创建一个新值,然后把该值复制到位新变量分配的位置上。
  • 如果一个变量向另一个变量复制引用类型的值时,也会将存储在变量对象中的值复制一份放到为新变量分配的空间中。不同的是,这个值的副本实际上是一个指针,而这个指针指向存储在堆中的一个对象。复制操作结束后,两个变量实际上将引用同一个对象。因此,改变其中一个变量,就会影响另一个变量。
var obj1 = new object()
var obj2 = obj1;
obj1,name = 'Nicholas'
alert (obj2.name)//"Nicholas"

3. 传递参数

ECMAScript中所有函数的参数都是按值传递的。也就是说,把函数外部的值复制给函数内部的参数,就和把值从一个变量复制到另一个变量一样。

  • 基本类型值的传递如同基本类型变量的复制一样
  • 引用类型值的传递,如同引用类型变量的复制一样

访问变量的方式:

  • 按值(参数只能按值传递)
  • 按引用

  • 在向参数传递基本类型的值时,被传递的值会被复制给一个局部变量(即命名参数,或者是arguments对象中的一个元素)
  • 在向参数传递引用类型的值时,会把这个值在内存中的地址复制给一个局部变量,因此这个局部变量的变化会反映在函数的外部
function addTen(num){
	num += 10
	return num;
}
var count = 20;
var result = addTen(count);
alert(count)//20
alert(result)//30

4. 监测类型

在之前我们使用过typeof监测基本数据类型,但是如果变量的值是一个对象或null,则typeof只会返回objject。
所以我们可以看出,typeof这个操作符在检测引用类型的值时,用处不大
instanceof
如果变量是给定引用类型的实例,那么instanceof 操作符就会返回true

alert(person instanceof object)
alert(colors instanceof Array)
alert(pattern instanceof RegExp)

根据规定,所有的引用类型的值都是object 的实例。因此,在检测一个引用类型值和 object构造函数时,instanceof 操作符始终会返回true。当然,如果使用instanceof 操作符检测基本类型的值,则该操作符始终会返回false,因为基本类型不是对象。

正则表达式为什么会返回function?
使用typeof 操作符检测函数时,该操作符会返回function,在之前的版本中使用typeof检测正则时,由于规范的原因,这个操作符也会返回“function””,ECMA-262规定任何在内部实现call 方法的对象都应该在应用typeof 操作符时返回“function””。由于上述浏览器中的正则表达式也实现了这个方法,因此对正则表达式应用typeof 会返回function ,在IE 和Firefox中,对正则表达式应用typeof 会返回object。

二、执行环境及作用域

执行环境:定义了变量或函数有权访问的其他数据,决定了它们各自的行为。

  • 全局
  • 局部(函数)

每个执行环境都有一个与之关联的变量对象,环境中定义的所有变量和函数都保存在这个对象中,虽然编写的代码无法访问这个对象

  • 全局环境,是执行环境最外围的一个执行环境(window)全局环境直到应用程序退出-例如关闭网页和浏览器时才会被销毁
  • 执行环境:每个函数都有自己的执行环境,当执行流进入到一个函数时,函数的环境就会被推入一个环境栈中。而在函数执行之后,栈将其环境弹出,把控制权返回给之前的执行环境

当代码在一个环境中执行时,会创建变量对象的一个作用域链
作用域链的用途:是保证对执行环境有权访问的所有变量和函数的有序访问

  • 作用域的前端;始终是当前执行的代码所在环境的变量对象
    • 如果这个环境是函数,则将其活动对象作为变量对象
    • 活动对象在最开始的时候只包含一个变量(arguments对象)这个对象在全局环境中是不存在的
    • 作用域链的下一个变量对象来自外部环境
    • 再下一个对象来自下一个包含环境
    • 一直延续到全局执行环境
    • 全局执行环境始终是作用域链中的最后一个对象

每个函数都包括全局变量对象和自己的arguments 对象

内部环境可以通过作用域链访问所有的外部环境,但是外部环境不能访问内部环境中的任何变量和函数。这些环境之前的练习是线性的、有次序的。每个环境都可以向上搜索作用域链,以查询变量和函数名;但任何环境不能通过向下搜索作用域链而进入另一个执行环境

1. 延长作用域链

延长执行流

  1. with 会将指定的对象添加到作用域链中
  2. try-catch(ctach块) catch块会创建一个新的变量对象

2. 没有块级作用域

  1. 声明变量
    在函数内部,最接近的环境就是函数的局部环境
    在with语句中,最接近的环境时函数环境
    如果初始化变量时没有使用var 声明,该变量会自动添加到全局环境中
  2. 查询标识符
    当在某个环境中读取或者写入而引用一个标识符时,必须通过搜索确定标识符实际代表什么

搜索过程:

  • 从作用域链的前端开始,向上逐级查询与给定名字匹配的标识符
  • 如果在局部环境中找到该标识符,搜索停止,变量就绪
  • 如果在局部环境中没有找到该变量名,则继续沿作用域链向上搜索,一直追溯到全局环境的变量对象
  • 如果在全局环境中也没找到这个标识符,则意味着该变量尚未声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

作用域和内存问题 的相关文章

  • 如何获取对象的所有属性?

    如何在 JavaScript 中使用反射获取对象的所有属性 循环遍历对象并获取属于该对象且不属于该对象的每个键 一个函数 var properties for var key in obj if obj hasOwnProperty key
  • 跨域XMLHttp请求

    这是我的情况 我有一台 Web 服务器机器 一台客户端机器和第三台运行一些侦听 XMLHttpRequest 的程序的机器 客户端从客户端计算机访问网络服务器 进行一些更改 然后单击 保存 此时 数据被发送回网络服务器和第三台机器 所有这些
  • javascript 中对象的“异步”循环

    通常 我们可以对数组和对象进行循环来迭代属性 值 但循环是阻塞的 但是 超时可用于模拟异步循环 我设法为数组做到了这一点 http jsfiddle net LHhy2 do stuff function asyncLoop i do st
  • Angular 2 Material 2 日期选择器日期格式

    我不知道如何更改材料2日期选择器的日期格式 我已阅读文档 但我不明白我实际上需要做什么 datepicker默认提供的输出日期格式为f e 6 9 2017 我想要实现的目标是将格式更改为类似的格式9 Jun 2017或任何其他 文档htt
  • html 表格单元格的条件格式

    是否有现成的解决方案可以对 HTML 表格进行条件格式设置 通过条件格式 我更感兴趣的是根据该列或其他列 在同一个表中 的值 数字 将不同的颜色作为单元格背景 类似于我们在 Excel 条件格式 gt 色阶 gt 红黄绿中的内容 我想在通过
  • 打开 md-calendar 时滚动到当前日期

    目前正在构建一个使用 Angular Material 的应用程序 我们需要一个 md calendar 组件 我们想要自定义按钮样式和内容 因此不使用普通的 md datepicker 问题是 当 md calender 打开时 滚动位置
  • 以一定时间间隔连续重复运行 JavaScript 函数

    这是我的第一个问题 希望您尽快回答 我想要代码连续重复一个函数 我尝试了一些代码 但没有成功 我尝试了这段代码 我想在一段时间后重复这个功能 我努力了setInterval and setTimeout 但是 我还没有收到结果 这将重复该任
  • 有没有办法将变量从 javascript 导入到 sass 或反之亦然?

    我正在制作一个依赖于块概念的 CSS 网格系统 所以我有一个基本文件 例如 max columns 4 block width 220px block height 150px block margin 10px 它被 mixin 使用 m
  • 判断一个数字是否能被 3 或 5 整除 (FizzBu​​zz)

    如何根据输出是否能被 3 或 5 整除来更改输出 如果它能被 3 整除 我想显示 rock 如果它能被 5 整除 我想显示 star 类似于 FizzBu zz 如果两者都有 他们都会看到 这是我的代码 if var n Math floo
  • 在 jQuery 可排序中对多个选定项目进行排序?

    我试图在 jQuery 可排序集中选择多个项目 然后将选定的项目一起移动 这是我的弱点开始尝试使其发挥作用 http jsfiddle net benstenson CgD8Y 这是代码 HTML div class container d
  • 如何调用 google 的 getBasicProfile() 来仅单击按钮即可登录 google?

    我在我的网站上使用谷歌登录
  • 获取点击的的DOM路径

    HTML div class lol a class rightArrow href a div 伪代码 rightArrow click function rightArrowParents this dom dom is the pse
  • 计算文本选择的 xy 位置

    我正在尝试使用 DOM 元素创建自己的文本选择 是的 我的意思是当您在此元素中选择文本时 您会在文本后面看到蓝色背景 这个想法是停止默认行为 蓝色 并使用我自己的元素来完成工作 方法是找到选择的 xy 位置 然后放置绝对定位的元素 我希望能
  • 禁用特定 div 上的 Tab 键

    我有以下结构 div div Some content div div Some content div div 我想 禁用 div2 上的 tab 键 我的意思是按下 tab 键时 div2 的元素不会获得焦点 有没有简单的方法可以使用
  • Firebase 警告:使用 Firebase Cloud Function 搜索数据时使用未指定的索引

    我构建了一个 Firebase 云函数 用于查找 IsNotificationEnabled 值等于 true 的用户 我的部分职能 export const sendPushNotification functions https onR
  • IE 中的每个 JavaScript 支持?

    我有这个代码
  • Node.js - 重载函数

    有没有一种方法可以重载node js中的函数 类似于 noSuchMethod https developer mozilla org en JavaScript Reference Global Objects Object noSuch
  • 在 HTML5 iOS 7 / iOS 8 中显示十进制键盘

    经过几个小时的搜索后 我只是有一个简单的问题 是否有可能在网络浏览器输入字段中显示小数键盘 input type number 只显示数字 但我需要在左下角使用逗号或点 我尝试过任何事情 pattern step等等 但没有显示十进制键盘
  • 如何使用 jQuery 或 JavaScript 聚焦 或 标签?

    for var i 0 i
  • 将 RequireJS 与遗留代码结合使用

    我正在处理一个非常大的项目 该项目使用 包含带有脚本标记的 javascript 文件的旧版 JSP 页面 使用其他 javascript 模块而不使用 RequireJS 的骨干模型和视图 现在 我们希望开始将 RequireJS 与 j

随机推荐

  • 云服务器车牌识别系统,人脸识别/车牌识别系统安防视频云服务EasyCVR支持大华SDK语音对讲...

    TSINGSEE青犀视频平台EasyCVR内 已经能够通过国标GB28181协议实现语音对讲功能 在大华SDK的研发方面 也开发了该功能 本文和大家分享下 EasyCVR语音对讲主要用于实现本地平台与前端设备所处环境间的语音交互 解决本地平
  • SQLite的shell简单使用

    下载最新的shell for windows http www sqlite org sqlite shell win32 x86 3070800 zip 解压后得到 sqlite3 exe1 1 创建数据库 C sqlite3 gt sq
  • 使用moment.js推算当前时间的前多少天

    在项目中遇到一个问题 推算当前时间的前7天 30天 当然使用js一点点推算可以的 但是可以使用moment js 简单就可以推算出来 获取当前时间 moment format YYYY MM DD HH mm ss 当前时间的前7天 mom
  • QLineEdit和QPushButton实现了输入用户名、密码并验证的功能

    使用QLineEdit和QPushButton实现了输入用户名 密码并验证的功能 该程序使用正则表达式限制了用户名和密码只能包含数字 字母和下划线 且长度在4到16个字符之间 如果输入的用户名和密码符合要求 则弹出一个消息框显示 登录成功
  • 【安装篇】- 基于 VMWARE Oracle Linux7.9 安装 Oracle19c RAC 详细配置方案

    作者 yanwei 来源 墨天轮 https www modb pro db 95684 大家好 我是 JiekeXu 很高兴又和大家见面了 今天和大家一起来看看 Linux7 9 安装 Oracle19c RAC 详细配置方案 欢迎点击上
  • Mockito的使用(二)——@InjectMocks、@Spy、@Mock

    项目中 有些函数需要处理某个服务的返回结果 而在对函数单元测试的时候 又不能启动那些服务 这里就可以利用Mockito工具 其中有如下三种注解 InjectMocks 创建一个实例 简单的说是这个Mock可以调用真实代码的方法 其余用 Mo
  • 鸿蒙系统可以微信吗,鸿蒙系统可以用微信吗?微信鸿蒙版本下载-游戏大玩家...

    微信是一款由腾讯开发的聊天社交软件 在这里你可以去进行和更多好友的交流 我们给你提供了多种不同的交流模式 享受更加独特的交流带给你的全新体验 使用语音 文字 表情包 图片 视频等等都种不同的方式 我们让大家们的交流更加的便利起来 微信鸿蒙版
  • Python+Opencv 调用USB摄像头(一)

    一 最简单的调用笔记本内置相机 import cv2 引入库 cap cv2 VideoCapture 0 while True ret frame cap read cv2 imshow Video frame 读取内容 if cv2 w
  • 10 微服务流程规范篇:高速迭代的研发过程需要怎样的规范?

    上一课时 我讲解了微服务质量保障体系的全景概览 本课时我主要讲解流程规范 高速迭代的研发过程需要怎样的规范呢 业务流程阶段 众所周知 产品研发是为业务服务的 在深入讲解产品研发流程之前 我们先整体看下业务流程 分为 3 个阶段 产品研发阶段
  • C++新特性

    std bind 概述 std bind 是一个C 函数模板 简单说它就像一个函数适配器 用来接受一个可调用对象 callable object 生成一个新的可调用对象来 适应 原对象的参数列表 该函数模板定义在头文件 include
  • Ubuntu - OpenSSH安装或升级

    1 准备安装包 openssl 1 0 2o tar gz wget https www openssl org source openssl 1 0 2o tar gz https www openssl org source opens
  • 插入排序超详解释,一看就懂

    目录 一 插入排序的相关概念 1 基本思想 2 基本操作 有序插入 二 插入排序的种类 三 直接插入排序 1 直接插入排序的过程 顺序查找法查找插入位置 2 使用 哨兵 直接插入排序 四 直接插入排序算法描述 五 折半插入排序 1 查找插入
  • linux 操作mysql 命令_linux下mysql操作命令大全

    Linux下掌握基本的mysql操作命令大全能够为你学习linux中mysql提供更好的帮助 下面由学习啦小编为大家整理了linux下mysql操作命令大全的相关知识 希望对大家有帮助 linux的mysql操作命令大全详解 linux的m
  • uniapp.request遇到的坑

    uniapp request遇到的坑 发起post请求的时候data接收不到参数 解决 发起请求中添加 uni request header content type application x www form urlencoded
  • 索引优化之Explain 及慢查询日志

    索引 本质是数据结构 简单理解为 排好序的快速查找数据结构 以索引文件的形式存储在磁盘中 目的 提高数据查询的效率 优化查询性能 就像书的目录一样 优势 提高检索效率 降低IO成本 排好序的表 降低CPU的消耗劣势 索引实际也是一张表 该表
  • Java 实现MySQL数据库插入1000万条数据

    Java 实现MySQL数据库插入1000万条数据 针对某些特殊测试 需要添加大量数据 且这些测试具有一定的规律性 可以按照以下的sql脚本循环添加 可以是1000条 也可以是一百万条 Java实现 准备表一张 CREATE TABLE t
  • 日志清理脚本

    需求背景 解决某些中间件或者应用日志无法自动清理的情况 比如 Nacos 的 access 日志清理 临时目录文件清理等 简介 Filename clear logs sh Revision 0 0 3 Date 2020 06 05 Au
  • 探究Xcode New Build System对于构建速度的提升

    在Xcode9发布的时候 Apple在Build System上提供了新版本的构建系统 New Build System 具体可见WWDC2017 不过令人失望的是 该新特性的讲解很简短 短到只在一页PPT上露脸 在这短短的时间里 苹果讲述
  • Python 生成器如何设置和使用

    Python 的生成器其实可以理解为一种比较复杂的迭代器 关于迭代器 可以参考 Python 迭代器的设置和使用方法 一 代码举例 def gen x y txt I love x yield txt txt 1 You love y yi
  • 作用域和内存问题

    文章目录 一 基本类型和引用类型的值 基本类型和引用类型的区别 1 动态的属性 2 复制变量值 3 传递参数 4 监测类型 二 执行环境及作用域 1 延长作用域链 2 没有块级作用域 一 基本类型和引用类型的值 变量可能包括两种不同的数据类