美文网首页
javascript 读书笔记 第四章 变量、作用域和内存问题

javascript 读书笔记 第四章 变量、作用域和内存问题

作者: 隔壁老王的老爸 | 来源:发表于2016-03-22 14:41 被阅读0次

    本章内容

    • 理解基本类型和引用类型的值
    • 理解执行环境
    • 理解垃圾收集

    基本类型和引用类型的值

    基本类型值:简单的数据段,存放在栈内存中,直接访问
    引用类型值:多个值组成,并存放在堆内存中,使用引用(指针)访问

    动态添加属性

    引用类型可以动态添加属性

    > var person = new Object()
    undefined
    > person.name = 'long'
    'long'
    > console.log(person.name)
    long
    undefined
    
    

    基本类型则不可以动态添加属性

    > var number = 10
    undefined
    > number.name=100
    100
    > number
    10
    > number.name
    undefined
    

    复制变量值

    基本类型复制值时,是直接复制的值内容

    > var num = 10
    undefined
    > num2=num
    10
    > num2
    10
    
    屏幕快照 2018-10-07 08.33.32.png

    引用类型复制值时,则是复制的引用(指针),引用又指向在堆内存上的数据,此时修改数据时,是通过引用去修改堆内存上的数据,那么多个引用指向同一份数据,就会体现出一个变量修改,在另外一个变量下访问数据也修改了的状况

    > var obj1 = new Object()
    undefined
    > var obj2 = obj1
    undefined
    > obj1.name = 'long'
    'long'
    > obj2.name
    'long'
    
    image.png

    传递参数

    js中,所有函数的参数都是按照值传递,也就是说函数的值复制给函数的参数,等同于一个变量复制到另外一个变量

    基本类型参数:如同基本类型复制一样
    引用类型参数:如同引用类型复制一样,复制的是引用,但是注意!参数是引用类型副本,而不是引用的本身!也就是说,在函数中的引用参数和外部的参数是两个引用,指向的是同一个数据

    检测类型

    typeof:检测基本类型(string、number、boolean、underfined)
    instanceof:检测引用类型是否是某一类型的引用类型

    // typeof 的使用
    alert(typeof s); //string
    alert(typeof i); //number
    alert(typeof b); //boolean
    alert(typeof u); //undefined
    alert(typeof n); //object
    alert(typeof o); //object
    
    // instanceof的使用
    alert(person instanceof Object); // 变量 person 是 Object 吗? 
    alert(colors instanceof Array); // 变量 colors 是 Array 吗? 
    alert(patterninstanceofRegExp); //变量pattern是RegExp吗?
    

    执行环境

    执行环境定义了变量或函数有权访问的其他数据,决定了它们各自的行为

    var color = "blue";
        function changeColor(){
            var anotherColor = "red";
            function swapColors(){
                var tempColor = anotherColor;
                anotherColor = color;
                color = tempColor;
    // 这里可以访问color、anotherColor和tempColor }
    // 这里可以访问color和anotherColor,但不能访问tempColor
            swapColors();
        }
    // 这里只能访问color changeColor();
    
    image.png

    没有块级作用域
    1.var 声明
    使用var声明的变量会被加入到最近的执行环境中,在函数中就是局部变量,如果没有使用var就会被添加到全局执行环境中(不管是不是在函数中,只有没有使用var声明)

    2.查询标识符
    当读取某个标志符(变量)时,如果在当前环境没有找到,就会向上一个环境读取,直至读取到顶层window全局环境,如果没有找到就会抱undefined的错误


    image.png

    垃圾收集

    1.标记清除
    2.引用计数

    性能问题
    管理内存

    相关文章

      网友评论

          本文标题:javascript 读书笔记 第四章 变量、作用域和内存问题

          本文链接:https://www.haomeiwen.com/subject/dlhllttx.html