详解js变量、作用域及内存

waltr 发布于2019-08-21 10:19 / 1627人阅读

摘要：不是引用类型，无法输出简而言之，堆内存存放引用值，栈内存存放固定类型值。变量的查询在变量的查询中，访问局部变量要比全局变量来得快，因此不需要向上搜索作用域链。

赞助我以写出更好的文章，give me a cup of coffee?

2017最新最全前端面试题

基本类型值有：undefined，NUll，Boolean，Number和String，这些类型分别在内存中占有固定的大小空间，他们的值保存在栈空间，我们通过按值来访问的。

（1）值类型：数值、布尔值、null、undefined。
（2）引用类型：对象、数组、函数。

如果赋值的是引用类型的值，则必须在堆内存中为这个值分配空间。由于这种值的大小不固定（对象有很多属性和方法），因此不能把他们保存到栈内存中。但内存地址大小是固定的，因此可以将内存地址保存在栈内存中。


这里的对象可以是字符串对象，数字对象，数组对象等

复制变量值
再看下面这个例子：

由以上可以得出：在变量复制方面，基本类型和引用类型也有所不同，基本类型复制的是值本身，而引用类型复制的是地址。
传递参数
ECMAScript中，所有函数的参数都是按值传递的，

js没有按引用传递的，如果存在引用传递的话，那么函数内的变量将是全局变量，在外部也可以访问。但这明显是不可能的。
执行环境及作用域
执行环境是javascript中最为重要的概念之一，执行环境定义了变量或函数有权访问其他数据。
全局执行环境是最外围的执行环境，在web浏览器中，全局执行环境是window对象，因此，所有的全局变量的函数都是作为window的属性和方法创建的。

当执行环境内的代码执行完毕后，该环境被销毁，保存其中的变量和函数也随之销毁，如果是全局环境，需所有程序执行完毕或网页完毕后才会销毁。
去掉var的局部变量

通过传参，也是局部变量

函数体内还包含函数，只有这个函数才可以访问内一层的函数

可以通过如下方法进行访问：

再一个作用域例子：

当代码在一个环境中执行的时候，就会形成一种叫做作用域链的东西，它的用途是保证对执行环境中有访问权限的变量和函数进行有序访问（指按照规则层次来访问），作用域链的前端，就是执行环境的变量对象。
作用域
变量没有在函数内声明或者声明的时候没有带var就是全局变量，拥有全局作用域，window对象的所有属性拥有全局作用域；在代码任何地方都可以访问，函数内部声明并且以var修饰的变量就是局部变量，只能在函数体内使用，函数的参数虽然没有使用var但仍然是局部变量。
没有块级作用域
// if语句：

for循环语句也是如此。
变量的查询
在变量的查询中，访问局部变量要比全局变量来得快，因此不需要向上搜索作用域链。
如下例子：

每个环境都可以向上搜索作用域链，以查询变量和函数名；但任何环境都不能通过向下搜索作用域链而进入另一个执行环境。在这里，如果去掉var name = "trigkit4"，那么将弹出“Jack”
内存问题
javascript具有自动垃圾回收机制，一旦数据不再使用，可以将其设为"null"来释放引用
循环引用
　　一个很简单的例子：一个DOM对象被一个Javascript对象引用，与此同时又引用同一个或其它的Javascript对象，这个DOM对象可能会引发内存泄露。这个DOM对象的引用将不会在脚本停止的时候被垃圾回收器回收。要想破坏循环引用，引用DOM元素的对象或DOM对象的引用需要被赋值为null。
闭包
在闭包中引入闭包外部的变量时，当闭包结束时此对象无法被垃圾回收（GC）。
var a = function() {
  var largeStr = new Array(1000000).join("x");
  return function() {
    return largeStr;
  }
}();
DOM泄露
当原有的COM被移除时，子结点引用没有被移除则无法回收。
var select = document.querySelector;
var treeRef = select("#tree");

//在COM树中leafRef是treeFre的一个子结点
var leafRef = select("#leaf"); 
var body = select("body");

body.removeChild(treeRef);

//#tree不能被回收入，因为treeRef还在
//解决方法:
treeRef = null;

//tree还不能被回收，因为叶子结果leafRef还在
leafRef = null;

//现在#tree可以被释放了。
Timers计（定）时器泄露
定时器也是常见产生内存泄露的地方：
for (var i = 0; i < 90000; i++) {
  var buggyObject = {
    callAgain: function() {
      var ref = this;
      var val = setTimeout(function() {
        ref.callAgain();
      }, 90000);
    }
  }

  buggyObject.callAgain();
  //虽然你想回收但是timer还在
  buggyObject = null;
}
调试内存
Chrome自带的内存调试工具可以很方便地查看内存使用情况和内存泄露：
在 Timeline -> Memory 点击record即可：
相关文章：
详解js闭包
我们可以利用闭包来突破作用域链，详解js闭包

GPU云服务器云服务器作用域详解变量及数据详解变量作用范围 php变量作用域

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/85307.html

《你不知道的JS》读书笔记---作用域及闭包

摘要：注此读书笔记只记录本人原先不太理解的内容经过阅读你不知道的后的理解。作用域及闭包基础，代码运行的幕后工作者引擎及编译器。注：此读书笔记只记录本人原先不太理解的内容经过阅读《你不知道的JS》后的理解。作用域及闭包基础，JS代码运行的幕后工作者：引擎及编译器。引擎负责JS程序的编译及执行，编译器负责词法分析和代码生成。那么作用域就像一个容器，引擎及编译器都从这里提取东西。 ...

denson 2019-08-21 18:22 评论0 收藏0
图解作用域及闭包

摘要：那其实闭包的原因就是外层函数的作用域对象无法释放其实就是一个函数调用会生成的临时作用域图中可看出其实就是在中的匿名函数，所以他的就指向留下的作用域。引言网络上关于作用域及闭包的文章很多，自己对于纯理论知识并不能很快的理解，但自己对于图画有很强的记忆和理解能力，因此决定将此知识点以图画的知识表现出来，加深自身理解的同时如果能帮到正在学习的童鞋就再好不过了下面我以函数的整个生命周期来...

shiyang6017 2019-08-22 17:03 评论0 收藏0
浅谈Javascript闭包中作用域及内存泄漏问题

摘要：将作用域赋值给变量这里的作用域是，而不是将作用域赋值给一个变量闭包返回浏览器中内存泄漏问题大家都知道，闭包会使变量驻留在内存中，这也就导致了内存泄漏。上一章我们讲了匿名函数和闭包，这次我们来谈谈闭包中作用域this的问题。大家都知道，this对象是在运行时基于函数的执行环境绑定的，如果this在全局就是[object window]，如果在对象内部就是指向这个对象，而闭包却是在运行...

source 2019-08-20 12:28 评论0 收藏0
JavaScript函数表达式——“函数模仿块级作用域及函数的私有变量”的注意要点

摘要：模仿块级作用域在块级语句中定义的变量，实际上是包含函数中而非语句中创建的。避免对全局作用域产生不良影响这种方式可以通过创建私有作用域，避免对全局作用域产生不良影响。一般包括函数的参数局部变量和内部定义的其他函数。模仿块级作用域在块级语句中定义的变量，实际上是包含函数中而非语句中创建的。如： function outputNumbers(x){ for (var i = 0;...

archieyang 2019-08-19 17:07 评论0 收藏0
【js】what is 闭包

摘要：什么是闭包给出的官方回答是闭包是由函数以及创建该函数的词法环境组合而成。这就是闭包的核心。当函数执行完后，被作为返回值函数保留在了作用域中。闭包还有一个作用是模拟私有方法和变量。闭包的缺点由上文可知闭包的作用可以使数据保存在内存中。什么是闭包？MDN给出的官方回答是闭包是由函数以及创建该函数的词法环境组合而成。这个环境包含了这个闭包创建时所能访问的所有局部变量看代码 //一个函数里...

Godtoy 2019-08-23 18:17 评论0 收藏0