JavaScript--变量、作用域及内存(12)

// JS变量是松散型的(不强制类型)本质,决定了它只是在特定时间用于保存特定值的一个名字而已;

// 由于不存在定义某个变量必须要保存何种数据类型值的规则,变量的值及其数据类型可以在脚本的生命周期内改变;

  一 变量及作用域

1.基本类型和引用类型

1 // JS变量包含两种不同的数据类型的值:基本类型值和引用类型值;
2 
3 // 1.基本类型值:保存在栈内存中的简单数据段;即这种值完全保存在内存中的一个位置;
4 // 基本类型值包含:Undefined|Null|Boolean|Number|String;
5 // 这些类型在内存中占有固定大小的空间;它们的值保存在栈空间,我们按值来访问;
6 
7 // 2.引用类型值:保存在堆内存中的对象(可能由多个值构成),即变量中保存的实际上只是一个指针,这个指针指向内存中的另一个位置,该位置保存对象;
8 // 引用类型的值的大小不固定,因此不能保存在栈内存,必须保存在堆内存中;但可以将引用类型的值的内存地址保存在栈内存中;
9 // 当查询引用类型的变量时,先从栈内存中读取内存地址,然后通过地址找到堆内存中的值;=>按引用访问;

 2.动态属性

1 // 定义基本类型值和引用类型值的方式相似:创建一个变量并为该变量赋值;
2 // 但当这个值保存到变量中以后,对不同类型值可以执行的操作则不一样;
3     var box = new Object();                     // 创建引用类型;
4     box.name = 'lee';                           // 新增一个属性;
5     console.log(box.name);                      // =>lee;
6 
7     var box = 'lee';                            // 创建基本类型
8     box.age = 15;                               // 给基本类型添加属性;
9     console.log(box.age);                       // =>undefined;

 3.复制变量值

 1 // 在变量复制方面,基本类型和引用类型也有所不同;
 2 // 基本类型赋值的是值本身;
 3     var box = 'lee';                            // 在栈内存中生成一个box'lee';
 4     var box2 = box;                             // 在栈内存中再生成一个box2'lee';
 5     // box和box2完全独立;两个变量分别操作时互不影响;
 6 
 7 // 引用类型赋值的是地址;
 8     var box = new Object();                    // 创建一个引用类型;box在栈内存中;而Object在堆内存中;
 9     box.name = 'lee';                          // 新增一个属性;
10     var box2 = box;                            // 把引用地址赋值给box2;box2在栈内存中;
11     // box2=box,因为它们指向的是同一个对象;
12     // 如果这个对象中的name属性被修改了,box.name和box2.name输出的值都会被修改掉;

 4.传递参数

 1 // JS中所有函数的参数都是按值传递的,即参数不会按引用传递;
 2     function box(num){                         // 按值传递,传递的参数是基本类型;
 3         num +=10;                              // 这里的num是局部变量,全局无效;
 4         return num;
 5     }
 6     var num = 50;
 7     var result = box(num);
 8     console.log(result);                      // 60;
 9     console.log(num);                         // 50;
10 
11     function box(num){
12         return num;
13     }
14     console.log(num);                         // num is not defined;
15 
16     function box(obj){
17         obj.name = 'lee';
18         var obj = new Object();              // 函数内部又创建了一个对象,它是局部变量;但在函数结束时被销毁了;
19         obj.name = 'Mr';                     // 并没有替换掉原来的obj;
20     }
21     var p = new Object();
22     box(p);                                  // 变量p被传递到box()函数中之后就被复制给了obj;在函数内部,obj和p访问的是同一个对象;
23     console.log(p.name);                     // =>lee;
24 
25     // JS函数的参数都将是局部变量;也就是说,没有按引用传递;

5.检测类型

 1 // 要检测一个变量的类型,通过typeof运算符类判断;
 2 // 多用来检测基本类型;
 3     var box = 'lee';
 4     console.log(typeof box);                    // =>string;
 5 
 6 // 要检测变量是什么类型的对象,通过instanceof运算符来查看;
 7     var box = [1,2,3];
 8     console.log(box instanceof Array);         // =>true;
 9     var box2 = {};
10     console.log(box2 instanceof Object);
11     var box3 = /g/;
12     console.lgo(box3 instanceof RegExp);
13     var box4 = new String('lee');
14     console.log(box4 instanceof String);      // =>true;是否是字符串对象;
15 
16     var box5 = 'string';
17     console.log(box5 instanceof String);      // =>false;
18     //使用instanceof检查基本类型的值时,它会返回false;

6.执行环境及作用域

 1 // 执行环境:定义了变量或函数有权访问的其他数据,决定了它们各自的行为;
 2 // 在Web浏览器中,全局执行环境=window对象;
 3 // 因此所有的全局变量和函数都是作为window对象的属性和方法创建的;
 4     var box = 'blue';                         // 声明一个全局变量;
 5     function setBox(){
 6         console.log(box);                     // 全局变量可以在函数里访问;
 7     }    
 8     setBox();                                 // 执行函数;
 9     // 全局的变量=window对象的属性;
10     // 全局的函数=window对象的方法;
11 
12 // PS:当执行环境中的所有代码执行完毕后,该环境被销毁,保存在其中的所有变量和函数定义也随之销毁;
13 // 如果是在全局环境下,需要程序执行完毕,或者网页被关闭才会销毁;
14 
15 // PS:每个执行环境都有一个与之关联的变量对象,就好比全局的window可以调用全局变量和全局方法一样;
16 // 局部的环境也有一个类似window的变量对象,环境中定义的所有变量和函数都保存在这个对象中;
17 // (我们无法访问这个变量对象,但解析器会处理数据时后台使用它);
18     var box = 'blue';
19     function setBox(){
20         var box = 'red';                      // 这里是局部变量,在当前函数体内的值是'red';出了函数体就不被认知;
21         console.log(box);
22     }    
23     setBox();
24     console.log(box);
25 
26 // 通过传参可以替换函数体内的局部变量,但作用域仅限在函数体内这个局部环境;
27     var box = 'blue';
28     function setBox(box){                     // 通过传参,将局部变量替换成了全局变量;
29         alert(box);                           // 此时box的值是外部调用时传入的参数;=>red;
30     }
31     setBox('red');
32     alert(box);
33 
34 // 如果函数体内还包含着函数,只有这个内函数才可以访问外一层的函数的变量;
35 // 内部环境可以通过作用域链访问所有的外部环境,但外部环境不能访问内部环境中的任何变量和函数;
36     var box = 'blue';
37     function setBox(){
38         function setColor(){
39             var b = 'orange';
40             alert(box);
41             alert(b);
42         }
43         setColor();                           // setColor()的执行环境在setBox()内;
44     }
45     setBox();
46     // PS:每个函数被调用时都会创建自己的执行环境;当执行到这个函数时,函数的环境就会被推到环境栈中去执行,而执行后又在环境栈中弹出(退出),把控制权交给上一级的执行环境;
47 
48     // PS:当代码在一个环境中执行时,就会形成一种叫做作用域链的东西;它的用途是保证对执行环境中有访问权限的变量和函数进行有序访问;作用域链的前端,就是执行环境的变量对象;

7.延长作用域链

 1 // 有些语句可以在作用域链的前端临时增加一个变量对象,该变量对象会在代码执行后被移除;
 2 // with语句和try-catch语句;这两个语句都会在作用域链的前端添加一个变量对象;
 3 // with语句:会将指定的对象添加到作用域链中; 
 4 // catch语句:会创建一个新的变量对象,其中包含的是被抛出的错误对象的声明;
 5     function buildUrl(){
 6         var qs = '?debug=true';
 7         with(location){                       // with语句接收的是location对象,因此变量对象中就包含了location对象的所有属性和方法;
 8             var url = href+qs;                // 而这个变量对象添加到了作用域链的前端;
 9         };
10         return url;
11     }

8.没有块级作用域

 1 // 块级作用域:表示诸如if语句等有花括号封闭的代码块,所以,支持条件判断来定义变量;
 2     if(true){                                 // if语句代码块没有局部作用域;
 3         var box = 'lee';                      // 变量声明将变量添加到当前的执行环境(在这里是全局环境);
 4     }
 5     alert(box);
 6 
 7     for(var i=0; i<10; i++){                  // 创建的变量i即使在for循环执行结束后,也依旧会存在与循环外部的执行环境中;
 8         var box = 'lee';
 9     }
10     alert(i);
11     alert(box);
12 
13     function box(num1,num2){
14         var sum = num1+num2;                  // 此时sum是局部变量;如果去掉var,sum就是全局变量了;
15         return sum;
16     }
17     alert(box(10,10));
18     alert(sum);                               // sum is not defined;访问不到sum;
19     // PS:不建议不使用var就初始化变量,因为这种方法会导致各种意外发生;
20 
21 // 一般确定变量都是通过搜索来确定该标识符实际代表什么;搜索方式:向上逐级查询;
22     var box = 'blue';
23     function getBox(){
24         return box;                           // 此时box是全局变量;如果是var box='red',那就变成局部变量了;
25     }
26     alert(getBox());                            
27     // 调用getBox()时会引用变量box;
28     // 首先,搜索getBox()的变量对象,查找名为box的标识符;
29     // 然后,搜索继续下一个变量对象(全局环境的变量对象),找到了box标识符;
30 // PS:变量查询中,访问局部变量要比全局变量更快因为不需要向上搜索作用域链

二 内存问题

 1 // JS具有自动垃圾收集机制,执行环境会负责管理代码执行过程中使用的内存;它会自行管理内存分配及无用内存的回收;
 2 
 3 // JS最常用的垃圾收集方式就是标记清除;垃圾收集器会在运行的时候给存储在内存中的变量加上标记;
 4 // 然后,它会去掉环境中正在使用的变量的标记,而没有被去掉标记的变量将被视为准备删除的变量;
 5 // 最后,垃圾收集器完成内存清理工作,销毁那些标记的值并回收他们所占用的内存空间;
 6 
 7 // 垃圾收集器是周期性运行的,这样会导致整个程序的性能问题;
 8 // 比如IE7以前的版本,他的垃圾收集器是根据内存分配量运行的,比如256个变量就开始运行垃圾收集器,这样就不得不频繁地运行,从而降低了性能;
 9 
10 // 一般来说,确保占用最少的内存可以让页面获得更好的性能;
11 // 最佳方案:一旦数据不再使用,将其值设置为null来释放引用,这个做法叫做解除引用;
12     var o = {
13         name:'lee';
14     };
15     o = null;                             // 解除对象引用,等待垃圾收集器回收;

三 小结 

 1 1.变量
 2 // JS变量可以保存两种类型的值:基本类型值和引用类型值;它们具有以下特点:
 3 // 1.基本类型值在内存中占据固定大小的空间,因此被保存在栈内存中;
 4 // 2.从一个变量向另一个变量复制基本类型的值,会创建这个值的一个副本;
 5 // 3.引用类型的值是对象,保存在堆内存中;
 6 // 4.包含引用类型值的变量实际上包含的并不是对象本身,而是一个指向该对象的指针;
 7 // 5.从一个变量向另一个变量复制引用类型的值,复制的其实是指针,因此两个变量最终都指向用一个对象;
 8 // 6.确定一个值是哪种基本类型可以使用typeof操作符;而确定一个值是哪种引用类型可以使用instanceof操作符;
 9 
10 2.作用域
11 // 所有变量都存在于一个执行环境(作用域)中,这个执行环境决定了变量的生命周期,以及哪一部分代码可以访问其中的变量; 
12 // 1.执行环境有全局执行环境和函数执行环境之分;
13 // 2.每次进入一个新执行环境,都会创建一个用于搜索变量和函数的作用域链;
14 // 3.函数的局部环境不仅有权访问函数作用域中的变量,而且有权访问其父环境,乃至全局环境;
15 // 4.变量的执行环境有助于确定应该合适释放内存;
16 
17 3.内存
18 // JS自动垃圾收集机制
19 // 1.离开作用域的值将被自动标记为可以回收,因此将在垃圾收集期间被删除;
20 // 2.为了确保有效地回收内存,应该及时解除不再使用的全局对象/全局对象属性以及循环引用变量的引用;

 

转载于:https://www.cnblogs.com/yizihan/p/4339814.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/545125.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

查看MYSQL数据库中所有用户及拥有权限

查看MYSQL数据库中所有用户mysql> SELECT DISTINCT CONCAT(User: ,user,,host,;) AS query FROM mysql.user; --------------------------------------- | query | --------------------------------------- | User: cactiuser%; …

c ++类成员函数_C ++编程中的数据成员和成员函数

c 类成员函数C 中的数据成员和成员函数 (Data members and Member functions in C) "Data Member" and "Member Functions" are the new names/terms for the members of a class, which are introduced in C programming language. “数据成员”和“成员函…

一文学搞懂阿里开源的微服务新贵Nacos!

正式开始之前我们先来了解一下什么是 Nacos&#xff1f;Nacos 是阿里的一个开源产品&#xff0c;它是针对微服务架构中的 「服务发现」、「配置管理」、「服务治理」的综合性解决方案。官网给出的回答&#xff1a;“Nacos 致力于帮助您发现、配置和管理微服务。Nacos 提供了一组…

ntfs安全权限和共享权限的区别

ntfs安全权限和共享权限的区别 win xp 最大分区32G,最大文件大小4G. 共享权限是为网络用户设置的&#xff0c;NTFS权限是对文件夹设置的。用户对文件夹有什么权限就是看NTFS权限的设置。如果一个文件夹设置成共享&#xff0c;其具体的权限还是在NTFS权限上面设置的&#xff0c;…

The connection to adb is down, and a severe error has occured.

转自&#xff1a;http://blog.csdn.net/yu413854285/article/details/7559333 &#xff08;感谢原文作者&#xff0c;问题解决&#xff09; 启动android模拟器时.有时会报The connection to adb is down, and a severe error has occured.的错误.在网友说在任务管理器上把所有…

kotlin 16进制_Kotlin程序将八进制数转换为十进制数

kotlin 16进制Given a number in octal number system format, we have to convert it into decimal number system format. 给定八进制系统格式的数字&#xff0c;我们必须将其转换为十进制系统格式。 Example: 例&#xff1a; Input:num 344Output:228在Kotlin中将八进制数…

线程池的7种创建方式,强烈推荐你用它...

作者 | 王磊来源 | Java中文社群&#xff08;ID&#xff1a;javacn666&#xff09;转载请联系授权&#xff08;微信ID&#xff1a;GG_Stone&#xff09;根据摩尔定律所说&#xff1a;集成电路上可容纳的晶体管数量每 18 个月翻一番&#xff0c;因此 CPU 上的晶体管数量会越来越…

SQL调用C# dll(第一中DLL,没使用强名称密匙,默认是 safe)

https://msdn.microsoft.com/zh-cn/library/ms345106(es-es).aspx 1、新建项目名称SQLDllTest&#xff0c;类代码如下&#xff0c;没有用Using引用其他类&#xff1a; &#xff08;框架必须改为.NET3.5及3.5以下&#xff0c;因为SQL Server 2008只是支持.NET 3.5及一下&#xf…

Linux系统下启动MySQL的命令及相关知识

一、总结一下&#xff1a; 1.Linux系统下启动MySQL的命令&#xff1a; /ect/init.d/mysql start (前面为mysql的安装路径) 2.linux下重启mysql的命令&#xff1a; /ect/init.d/mysql restart (前面为mysql的安装路径) 3.linux下关闭mysql的命令&#xff1a; /ect/init.d/mysql …

线性代数向量乘法_标量乘法属性1 | 使用Python的线性代数

线性代数向量乘法Prerequisite: Linear Algebra | Defining a Vector 先决条件&#xff1a; 线性代数| 定义向量 Linear algebra is the branch of mathematics concerning linear equations by using vector spaces and through matrices. In other words, a vector is a mat…

Synchronized 的 8 种使用场景!

blog.csdn.net/x541211190/article/details/106272922简介本文将介绍8种同步方法的访问场景&#xff0c;我们来看看这8种情况下&#xff0c;多线程访问同步方法是否还是线程安全的。这些场景是多线程编程中经常遇到的&#xff0c;而且也是面试时高频被问到的问题&#xff0c;所…

Python的threadpool模块

2019独角兽企业重金招聘Python工程师标准>>> Python的threadpool模块 这是一个使用python实现的线程池库。 安装 pip install threadpool 文档 http://gashero.yeax.com/?p44 http://www.chrisarndt.de/projects/threadpool/ 测试 使用一个20个线程的线程池进行测试…

MySql常用命令总结

1:使用SHOW语句找出在服务器上当前存在什么数据库&#xff1a;mysql> SHOW DATABASES;2:2、创建一个数据库MYSQLDATAmysql> CREATE DATABASE MYSQLDATA;3:选择你所创建的数据库mysql> USE MYSQLDATA; (按回车键出现Database changed 时说明操作成功&#xff01;)4:查看…

硬核Redis总结,看这篇就够了!

高清思维导图已同步Git&#xff1a;https://github.com/SoWhat1412/xmindfile总感觉哪里不对&#xff0c;但是又说不上来1、基本类型及底层实现1.1、String用途&#xff1a;适用于简单key-value存储、setnx key value实现分布式锁、计数器(原子性)、分布式全局唯一ID。底层&…

sql 数字减去null_减去两个16位数字| 8086微处理器

sql 数字减去nullProblem: Write a program to subtract two 16-bit numbers where starting address is 2000 and the numbers are at 3000 and 3002 memory address and store result into 3004 and 3006 memory address. 问题&#xff1a;编写一个程序以减去两个16位数字(起…

Java 解决采集UTF-8网页空格变成问号乱码

http://blog.csdn.net/bob007/article/details/27098875 使用此方法转换后&#xff0c;在列表中看到的正常&#xff0c;但是在详情页的文本框中查看到的就是 了&#xff0c;只好过滤掉所有的空格 html html.replaceAll(UTFSpace, " ");改为html html.replaceAll(UT…

linux中如何改IP

修改IP永久生效按以下方法vi /etc/sysconfig/network-scripts/ifcfg-eth0&#xff08;eth0&#xff0c;第一块网卡&#xff0c;如果是第二块则为eth1&#xff09;按如下修改ipDEVICEeth0&#xff08;如果是第二块刚为eth1&#xff09;BOOTPROTOstaticIPADDR192.168.0.11(改成要…

文件写入的6种方法,这种方法性能最好

作者 | 王磊来源 | Java中文社群&#xff08;ID&#xff1a;javacn666&#xff09;转载请联系授权&#xff08;微信ID&#xff1a;GG_Stone&#xff09;在 Java 中操作文件的方法本质上只有两种&#xff1a;字符流和字节流&#xff0c;而字节流和字符流的实现类又有很多&#x…

单位矩阵属性(I ^ k = I)| 使用Python的线性代数

Prerequisites: 先决条件&#xff1a; numpy.matmul( ) matrix multiplication numpy.matmul()矩阵乘法 Identity matrix 身份矩阵 In linear algebra, the identity matrix, of size n is the n n square matrix with ones on the main diagonal and zeros elsewhere. It is…

linux 更改文件权限(子文件夹)

加入-R 参数&#xff0c;就可以将读写权限传递给子文件夹例如chmod -R 777 /home/mypackage那么mypackage 文件夹和它下面的所有子文件夹的属性都变成了777.777是读、写、执行权限...