变量、作用域与内存


1 .原始值与引用值

Undefined、Null、Boolean、Number、 String和Symbol。保存原始值的变量是按值(by value)访问的

引用值是保存在内存中的对象。

1.1动态属性

引用值可以随时添加、修改和删除其属性和方法

原始值不能有属性,但给原始值添加属性不会报错

1.2传递参数

ECMAScript的所有参数都是传递值的(包括原始值和引用值)

1.3判断类型

typeof 对 对象类型的支持不好 提供了 instanceof 操作符

console.log(person instanceof Object);  // 变量person是Object吗?

2.执行上外文与作用域

  • 上下文

    分为全局上下文和函数上下文。每个上下文都有一个变量对象(可以认为上下文就是这个对象),上下文中定义的所有

    变量和函数都在这个对象上。例如:在浏览器环境 全局上下文就是window。

  • 作用域链

    代码执行时会创建穿起变量对象的一个作用域链,作用域链决定了代码访问变量和函数的顺序。当前上下文变量对象始终位于

    作用域链最前端。例如:上下文为函数,则其活动对象最初只有arguments。

    作用域链下一个变量对象来自包含上下文,再下一个对象来自再下一个包含上下 文。以此类推直至全局上下文;

代码执行时的标识符解析是通过沿作用域链逐级搜索 标识符名称完成的。搜索过程始终从作用域链的最前端开始,然后逐级往后,直到找到标识符。(如果没有找到标识符,那么通常会报错。)

2.1作用域链增强

某些语句会导致在作用域链前端临时添加一个上下文,这个上下文在代码执行后会被删除。通常在两种情况下会出现这个现象,即代码 执行到下面任意一种情况时:

  • try/catch语句的catch块
  • with语句
function buildUrl() {
let qs = "?debug=true";
with(location){
var url = href + qs;
}
return url;
}

在搜索href标识符时会先在location对象中搜索

2.2变量声明

  • var声明变量

    使用var声明变量时,变量会被自动添加到最接近的上下文。在函数中,最接近的上下文就是函数的局部上下文。

    如果变量未经声明就被初始化了,那 么它就会自动被添加到全局上下文(只能赋值不能访问,相当于找到最后到了全局上下文没找到也没关系 增加一个属性(在window上)就好)严格模式下报错

  • let声明变量

    块作用域(局部作用域),全局声明不会成为全局对象上的属性,其他和var大体相同。

  • const声明变量

    使用const声明的变量必须同时初始化,否则报错。

3.垃圾回收

JavaScript是使用垃圾回收的语言,也就是说执行环境负责在代码执行时管理内存。

3.1标记清理

JavaScript最常用的垃圾回收策略是标记清理 (mark-and-sweep)。下面简述大概步骤:

① 先对内存(堆)中的对象进行扫描,在当前上下文中能访问到的对象上做标记

② 对刚才做了标记的对象中进行扫描,对扫描到的对象做标记

③ 重复②的步骤,直到没有对象需要扫描

④ 执行垃圾清理,回收没有被标记的对象的内存

3.2引用计数

其思路是对每个值都记录它被引用的次数。由于存在像循环引用这样的问题不常用。

3.3关于性能

关于性能具体参考另一篇文章。

Js的变量、作用域与内存的更多相关文章

  1. 第一百零六节,JavaScript变量作用域及内存

    JavaScript变量作用域及内存 学习要点: 1.变量及作用域 2.内存问题 JavaScript的变量与其他语言的变量有很大区别.JavaScript变量是松散型的(不强制类型)本质,决定了它只 ...

  2. js 变量 作用域及内存

    由于Javascript是松散型的,所以其变量只是在特定时间用于保存特定值的一个名字而已,并不存在某个变量必须保存某种类型的值的规则,变量的值以及其数据类型都可以在脚本的声明周期内改变 一.基本类型与 ...

  3. js的变量作用域

    js不支持块级变量作用域,而是包含它们的函数的作用域, 例如: function query() { ; ; i < ; i++) { var b = i; } return b + a; } ...

  4. js学习--变量作用域和作用域链

    作为一名菜鸟的我,每天学点的感觉还是不错的.今天学习闭包的过程中看到作用域与作用域链这两个概念,我觉得作为一名有追求的小白,有必要详细了解下. 变量的作用域 就js变量而言,有全局变量和局部变量.这里 ...

  5. js基础之--变量 作用域和内存问题

    基本类型:Undefind Null Boolean Number String 引用类型: 对象 在操作对象时,实际上实在操作对象的引用而不是实际的对象.为此,引用类型的值是按引用访问的. 从一个变 ...

  6. 读书笔记 - js高级程序设计 - 第四章 变量 作用域 和 内存问题

      5种基本数据类型 可以直接对值操作 判断引用类型 var result = instanceof Array 执行环境 每个执行环境都有一个与之关联的变量对象,环境中定义的所有变量和函数都保存在这 ...

  7. JavaScript变量作用域和内存问题(二)

    执行环境是js中特别重要的概念,是指变量或者函数可以访问其他数据,定义自己的行为.每个执行环境都有一个与之相对应的变量对象,执行环境中定义的所有变量和函数都保存在这个变量中,我们看不到这个变量,但是后 ...

  8. 浅谈javascript中变量作用域和内存(1)

    先理解两个概念:基本类型和引用类型的值 1.基本类型和引用类型的值 (1)定义: 基本类型:指简单的数据段,比如按值访问的js五种基本数据类型undefined.null.boolean.number ...

  9. 浅谈javascript中变量作用域和内存(2)

    1.无块级作用域 javascript没有块级作用域,这会让其他程序员在理解js代码上很痛苦.在其他很多语言,比如C,大括号括起来的代码块都有自己的作用域 举个例子 if(true) { var na ...

  10. js的变量作用域 ,变量提升

    (function(){ a = 5; alert(window.a); var a = 10; alert(a); })(); 结果: undefined 10 代码等同于下面 var a = un ...

随机推荐

  1. Java 操作PPT数字签名(一):添加、检测、删除签名

    本文简要概述如何通过Java程序来处理PPT中的数字签名,文章主要分三个部分来介绍,即数字签名的添加.验证以及删除. 基本操作思路: 1. 添加签名:[加载PPT文档]→[添加签名]→[保存文档] 2 ...

  2. 攻防世界 reverse EasyRE

    EasyRE 主函数 int sub_401080() { unsigned int lens; // kr00_4 signed int i; // edx char *v2; // esi cha ...

  3. PTA 报数

    6-3 报数 (20 分)   报数游戏是这样的:有n个人围成一圈,按顺序从1到n编好号.从第一个人开始报数,报到m(<)的人退出圈子:下一个人从1开始报数,报到m的人退出圈子.如此下去,直到留 ...

  4. SetWindowsHookEx 消息钩取进程卡死

    <逆向工程核心原理> windows消息钩取部分的例子在win10下卡死,失败.通过搜索发现,要保证钩取的进程与注入的dll要保持cpu平台相同 SetWindowsHookEx可用于将d ...

  5. Java学习之String与int的相互转换

    •String 转 int 两种方式 int a = Integer.parseInt(s);int b = Integer.valueOf(s).intValue(); 代码 public clas ...

  6. 当初自学C++时的笔记记录

    编辑:刘风琛 最初编写日期:2020年4月11日下午 最新更新日期:2020年9月20日上午 标注: 从笔记开始截止到程序第四章"程序流程结构",使用Joplin编写,其余部分为T ...

  7. 全网最详细的新手入门Mysql命令和基础,小白必看!

    MySQL简介 什么是数据库 ? 数据库(Database)是按照数据结构来组织.存储和管理数据的仓库,它产生于距今六十多年前,随着信息技术和市场的发展,特别是二十世纪九十年代以后,数据管理不再仅仅是 ...

  8. C++并发与多线程学习笔记--future成员函数、shared_future、atomic

    std::future的其他成员函数 std::shared_future 原子操作.概念.基本用法 多线程主要是为了执行某个函数,本文的函数的例子,采用如下写法 int mythread() { c ...

  9. [模拟]P1047 校门外的树

    校门外的树 题目描述 某校大门外长度为L的马路上有一排树,每两棵相邻的树之间的间隔都是1米.我们可以把马路看成一个数轴,马路的一端在数轴0的位置,另一端在L的位置:数轴上的每个整数点,即0,1,2,- ...

  10. ECharts绘制折线图

    首先看实现好的页面 实现 首先引入echarts工具 // vue文件中引入echarts工具 let echarts = require('echarts/lib/echarts') require ...