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

本章内容

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

基本类型和引用类型的值

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

动态添加属性

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

> 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.引用计数

性能问题
管理内存