第4章 变量、作用域和内存问题

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

4.1 基本类型和引用类型的值
基本类型:按值传递
引用类型:JS不允许直接操作对象的内存空间,所以引用类型是按引用访问的

4.1.1 复制变量值
基本类型:num2中的5和num1中的5是完全独立的

    var num1 = 5;
    var num2 = num1;
    num1 = 6;

    num1 ==> 6 
    num2 ==> 5
引用类型:两个变量实际上引用同一个对象,改变其中一个,就会影响另一个;
    var obj1 = {};
    var obj2 = obj1;
    obj1.name = 'jack';
    obj2.name ==> 'jack'

4.1.2 传递参数
访问变量有按值和按引用两种方式,而所有函数的参数都是按值传递

    function addTen(num){
        num += 10;
        return num
    }

    var count = 20;
    var result = addTen(count);

    count ==> 20 // 没有变化
    result ==> 30
使用对象传参
   function setName(obj){
       obj.name = 'www'
    }

    var person = new Object();
    setName(person);

    person.name ==> 'www'
在这个函数内部,obj和person引用的是用一个对象
    function setName(obj){
       obj.name = 'wwww';
       obj = {};
       obj.name = 'greg';
    }

    var person = {};
    setName(person);

    person.name ==> 'www'
即使在函数内部修改了参数的值,但原始的引用仍然保持不变。当在函数内部重写了obj时,

这个变量引用的就是一个局部对象了,这个局部对象
会在函数执行完毕后立即被销毁;

所有的这些都说明,函数参数是按值传递的,函数的参数一定程度上说是局部变量;

4.1.3 检测类型
检测字符串,数值,布尔,undefined,用typeof
typeof检测引用类型值都返回Object

    typeof null ==> 'object';

使用typeof 检测undefined会出现一个问题:

var name;
var sex = undefined;

typeof name  ==> undefined  //检测定义了未赋值变量name为undefined
typeof age   ==>  //检测未定义变量age ,返回undefined
typeof sex ==>  //检测值为undefined的变量sex,返回undefined

这个可能会造成一些混乱,所以确保只有未定义时,才返回undefined。其他两种情况,请尽量避免。

检测引用类型:instanceof
    var arr = [];
    arr instanceof Array ==> true
使用instanceof检测基本类型,则始终会返回false,因为基本类型不是对象

4.2 执行环境和作用域
执行环境:定义了变量或函数有权访问的其他数据,决定了他们各自的行为;
局部环境在执行完毕后,其中的变量和函数定义也会被销毁
全局环境在应用程序退出,关闭网页或退出浏览器时,其中的变量和函数定义会被销毁

每个函数都有自己的执行环境。当执行流进入到一个函数中时,

函数的环境会被推入一个环境栈中,而在函数执行之后,栈将其环境弹出,把控制权还给之前的执行环境。

每个环境都可以向上搜索作用域链,以查询变量和函数名,但任何环境都不能通过向下搜索作用域链而进入另一个执行环境

4.2.1 延长作用域链

    try-catch
    with语句

4.2.2 没有块级作用域

     if(true) {
        var color = 'blue'
     }
     alert(color) ==> 'blue'
 由于不存在块级作用域,所以if语句的变量声明会将变量添加到当前的执行环境(这里是全局环境)
     for (var i = 0; i < 10; i ++) {
        doSomething(i)
     }

     alert(i) ==> 10
 由于不存在块级作用域,由for语句创建的变量i即使在for循环执行结束后,

也依旧会存在于循环外部的执行环境中

 1. 声明变量
 使用var声明的变量会自动被添加到最接近的环境中,在函数内部,

最接近的环境就是函数的局部环境,未经var声明过的变量,会被自动添加到全局环境中,

4.3 垃圾收集
javascript具有自动垃圾收集机制,执行环境会负责管理代码执行过程中使用的内存,所需内存的分配以及无用内存的回收完全实现了自动管理。
这种垃圾收集机制原理:找出那些不再继续使用的变量,然后释放其占用的内存;

怎么样找到哪些变量将不再被继续使用?

垃圾收集器必须跟踪哪个变量有用哪个没有用,对于不再有用的变量打上标记,以备将来收回其占用的内存;

用于标示无用变量的两个策略:

4.3.1 标记清除:
在变量进入环境和离开环境时,分别为其添加标记,清除离开的变量,释放内存;

4.3.2 引用计数(不太常用)

4.3.3 性能问题

4.3.4 管理内存
js在进行内存管理和垃圾收集时面临一个问题,js分配给web浏览器的可用内存数量通常要比分配给桌面应用的少,这样做是出于安全考虑,防止运行js的网页耗尽全部系统系统内存而导致系统崩溃,因此,确保占用最少内存可以让页面获得更好的性能;

优化内存最佳方式,就是为执行中的代码只保存必要的数据,一旦数据不再有用,

最好通过将其设置为null来释放其引用,这个方法叫做解除引用,这一做法
适用于大多数全局变量和全局对象的引用,因为局部变量会在它们离开执行环境时自动被解除引用;

如下例:
    function createPerson(name){
        var localPerson = new Object();
        localPerson.name = name;
        return localPerson;
    }

    var globalPerson = createPerson('wang');

    //手工解除globalPerson的引用

    globalPerson = null;
解除引用的真正目的是让值脱离执行环境,以便垃圾收集器下次运行时将其回收;
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 199,478评论 5 467
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 83,825评论 2 376
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 146,482评论 0 330
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 53,726评论 1 271
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 62,633评论 5 359
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,018评论 1 275
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,513评论 3 390
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,168评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,320评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,264评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,288评论 1 328
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,995评论 3 315
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,587评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,667评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,909评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,284评论 2 345
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 41,862评论 2 339

推荐阅读更多精彩内容