2-红宝书读书笔记-4变量作用域以及内存问题

2-红宝书读书笔记-4变量作用域以及内存问题

ECMAScript变量可能包含两种不同数据类型的值，基本类型值和引用类型值

动态的属性

var person = new Object();
person.name = 'zhouzhou';
console.log(person.name);

但是我们不能给基本类型的值添加属性，尽管这样不会有任何错误

复制变量值

基本类型值复制之后是完全独立的

var num1 = 5
var num2 = num1

引用类型的值复制之后，不会完全独立，因为复制的其实是一个指针。所以改变一个对象，另一个对象也会随之改变

var Obj1 = new Object();
Obj1.num = 5;
var Obj2 = Obj1;
Obj2.num = 3;
console.log(Obj1.num);//3

传递参数

基本类型值传递参数

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

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

console.log(count);//20
console.log(result);//30

引用类型值传递参数，可以发现person的值改变了，即使这个变量是按值传递的，obj也会按引用来访问同一个对象，于是，当函数内部添加了name属性后函数外部也会有所反应，因为person指向的对象在堆内存中只有一个，而且是全局对象。

function setName(obj){
    obj.name = 'zhouzhou';
}
var person = new Object();
setName(person);
console.log(person.name);//zhouzhou

很多人认为，在局部作用域中修改对象会在全局作用域中反应出来，就是按引用传递。为了证明对象是按值传递的，看下面

function setName(obj){
    obj.name = 'zhouzhou';
    obj = new Object();
    obj.name = 'qiqi'
}

var person = new Object();
setName(person);
console.log(person.name);//zhouzhou

检测类型

在检测基本类型的时候，typeof是有用的
但是当检测引用类型的时候，它只会返回object
我们不想知道这个值是对象，我们一般都是想知道这个值是什么类型的对象
所以可以使用insranceof操作符

var person = new Object();
console.log(person instanceof Object);//person 是object类型的值吗
console.log(person instanceof Array);
console.log(person instanceof RegExp);

还有就是基本类型的值不是对象，所以将返回false

执行环境以及作用域

执行环境，有时候又叫环境。每个执行环境都有一个与之相关联的变量对象，环境中定义的所有变量和函数都保存在这个对象中（虽然我们编写的代码无法访问这个对象，但是解析器在处理数据的时候会在后台使用它）

全局执行环境最外围的一个执行环境，在web中被认为是window对象（因此所有全局函数和变量都是作为window对象的属性和方法创建的）。某个环境中所有代码执行完毕，该环境被销毁，保存在其中的所有变量和函数定义也被销毁。

当代码在一个环境中执行，会创建变量对象的一个作用域链，保证对函数和变量的有序访问

延长作用域链

try-catch的catch块，catch外部，无法访问错误对象

with语句

块级作用域

JS中作用域有：全局作用域、函数作用域。没有块作用域的概念。ECMAScript 6(简称ES6)中新增了块级作用域，使用let声明的变量只能在块级作用域里访问，有“暂时性死区”的特性（也就是说声明前不可用）。
块作用域由 { } 包括，if语句和for语句里面的{ }也属于块作用域。

{
    var a = 1;
    console.log(a); // 1
}
console.log(a); // 1
// 可见，通过var定义的变量可以跨块作用域访问到。

(function A() {
    var b = 2;
    console.log(b); // 2
})();
// console.log(b); // 报错，
// 可见，通过var定义的变量不能跨函数作用域访问到

if(true) {
    var c = 3;
}
console.log(c); // 3
for(var i = 0; i < 4; i++) {
    var d = 5;
};
console.log(i); // 4   (循环结束i已经是4，所以此处i为4)
console.log(d); // 5
// if语句和for语句中用var定义的变量可以在外面访问到，
// 可见，if语句和for语句属于块作用域，不属于函数作用域。

2 var、let、const的区别
var定义的变量，没有块的概念，可以跨块访问, 不能跨函数访问。
let定义的变量，只能在块作用域里访问，不能跨块访问，也不能跨函数访问。
const用来定义常量，使用时必须初始化(即必须赋值)，只能在块作用域里访问，而且不能修改。

// 块作用域
    {
        var a = 1;
        let b = 2;
        const c = 3;
        // c = 4; // 报错
        var aa;
        let bb;
        // const cc; // 报错
        console.log(a); // 1
        console.log(b); // 2
        console.log(c); // 3
        console.log(aa); // undefined
        console.log(bb); // undefined
    }
    console.log(a); // 1
    // console.log(b); // 报错
    // console.log(c); // 报错

    // 函数作用域
    (function A() {
        var d = 5;
        let e = 6;
        const f = 7;
        console.log(d); // 5
        console.log(e); // 6  (在同一个{ }中,也属于同一个块，可以正常访问到)
        console.log(f); // 7  (在同一个{ }中,也属于同一个块，可以正常访问到)

    })();
    // console.log(d); // 报错
    // console.log(e); // 报错
    // console.log(f); // 报错

垃圾收集

js有垃圾回收机制，C和C++没有

机制：标记清除，引用计数

其中引用计数会带来一些问题，最主要的问题就是循环引用

有关循环引用

https://zhuanlan.zhihu.com/p/102029144