JavaScript高级程序设计(第3版) 笔记

最新推荐文章于 2024-10-01 18:51:18 发布

weixin_33775582

最新推荐文章于 2024-10-01 18:51:18 发布

阅读量70

点赞数

文章标签： javascript ViewUI

原文链接：https://juejin.im/post/5b345601f265da59a23f2ea0

版权

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

4.1 基本类型和引用类型

5种基本类型是按值访问的，因为可以操作保存在变量里的实际的值。
引用类型的值是保存在内存中的对象。引用类型：

      var obj = new Object();
        var obj2 = obj;
        obj2.name = "jay";
        obj.age = "18";
        console.log(obj.name); // jay
        console.log(obj.age); // 18
        console.log(obj2.name); // jay
        console.log(obj2.age); // 18
复制代码

ECMAScript 中所有函数的参数都是按值传递的
instanceof操作符检测变量是一个什么类型的对象，基本数据都不是对象，null是对象。变量是给定引用类型的实例返回true。语法： result = variable instanceof constructor

        var person = new Object(); 
        var colors = new Array();
        var pattern = new RegExp();
        console.log(person instanceof Object); // 变量person是Object吗？ true
        console.log(colors instanceof Array); // true
        console.log(pattern instanceof RegExp); // true

复制代码

4.2 执行环境及作用域

执行环境定义了变量或函数有权访问的其他数据。每个执行环境都有一个与之关联的变量对象。
全局环境、局部环境内部环境可以通过作用域链访问所有的外部环境，但外部环境不能访问内部环境的任何变量和函数。（只能通过向上搜索，不能向下搜索）
查询标识符向上逐级查询，在局部环境中找到了该标识符，搜索过程停止。如果在局部环境中没有找到这个标识符，则继续沿作用域链向上搜索。

       var color = "blue";
       function getColor(){
           var color = "red";
           return color;
       }
       console.log(getColor()); // red
复制代码

       var color = "blue";
       function getColor(){
           
           return color;
       }
       console.log(getColor()); // blue
复制代码

      var color = "blue";
       function getColor(){
           var color = "red";
           return window.color;
       }
       console.log(getColor()); // blue
复制代码

垃圾收集

JavaScript 具有自动垃圾收集机制。局部变量的正常生命周期，只有函数执行的过程中存在。函数执行结束就要释放内存。释放内存前，要标识无用的变量。
垃圾收集方式：标记清除（常用）；引用计数（不常见）

4.3.4 管理内存

一旦数据不再有用，最好通过将其值设置为null来释放其引用-----这种做法叫做解除引用。适用于大多数全局变量和全局对象的属性。局部的话，会在它们离开执行环境时自动解除引用。
解除引用的真正作用是让值脱离执行环境，以便垃圾收集器下次运行时将其回收。

    function createPerson(name) {
        var localPerson = new Object();
        localPerson.name = name;
        return localPerson;
    }
    var globalPerson = createPerson("Jay");
    console.log(globalPerson.name); // Jay

复制代码

  // 手动解除globalPerson 的引用
   function createPerson(name) {
        var localPerson = new Object();
        localPerson.name = name;
        return localPerson;
    }
    var globalPerson = createPerson("Jay");
    // console.log(globalPerson.name); // Jay  
    globalPerson = null;
    console.log(globalPerson.name); //  Uncaught TypeError: Cannot read property 'name' of null

复制代码