深入JavaScript Day02 - 深入了解JavaScr

一、深入了解JavaScript执行过程（从具体代码的角度）

1、为什么我们在JavaScript代码中，能直接使用window、setTimeout、console、math等等对象或函数呢？

• 【前提】JavaScript执行所以代码都是有执行上下文环境的
• 在全局上下文创建的时候，会创建一个GlobalObject(GO)，里面就会注入我们经常见到的window、math、console等等函数或对象

// 示例代码
var name = "why"
var num1 = 20
var num2 = 30
var result = num1 + num2

// GO的伪代码（创建时间点，也就是全局执行上下文创建的时候）
var globalObject {
  String:"类",
  Date:"类",
  setTimeout:"函数",
  name: undefined,
  num1:undefined,
  num2:undefined,
  result:undefined
}

image.png

2、观察下面的代码，先 console.log(num1) 后 var num1 = 20，结果输出是什么？为什么？

      var name = "why";
      console.log(num1);
      var num1 = 20;
      var num2 = 30;
      var result = num1 + num2;

• 【输出】undefined
• 【原因】①在创建上下文时候，GO会将var的对象放到了window属性中，只是值是undefined ②在执行上下文的时候，执行到 var num1 = 20才会被赋值。

3、下面代码，先调用函数，再定义函数，为什么不会报错？

      var name = "why";
      foo();
      function foo() {
        console.log("foo");
      }

• 【原因】①在创建上下文时候，GO会将函数放到了window属性中，值是函数地址foo: 0xa00 ②在执行上下文的时候，执行到 foo(); 时，拿到函数地址，进行执行

4、思考下面代码的输出？为什么会这样？

      var message = "Hello Global";
      function foo() {
        console.log(message);
      }

      function bar() {
        var message = "Hello Bar";
        foo();
      }
      bar();

• 【输出】Hello Global
• 因为函数的【parent scope父级作用域】在函数定义的时候确定的，与函数的调用无关

image.png

5、一些经典题目练习，对上面的知识的巩固

image.png

• 【注意】对于 b=100 这种代码，其实是未定义b，直接使用b，js做了特殊处理，把b当成全局属性了。不推荐这样写代码，属于特例。

二、内存管理

1、说说你对编程语言的内存管理的认识？现在高级语言对内存管理主要有哪两大方式？

• 【不管什么样的编程语言，在代码的执行过程中都是需要给它分配内存的】
• 【不同的是某些编程语言需要我们自己手动的管理内存，某些编程语言会可以自动帮助我们管理内存】

image.png

2、JavaScript对基本数据类型和复杂数据类型，分配内存的方式有什么不同？

image.png

-【备注】好像没法打印出JavaScript中变量的内存地址。

3、为什么要释放内存？什么是垃圾回收机制？

• 【因为内存的大小是有限的，所以当内存不再需要的时候，我们需要对其进行释放】

image.png

4、常见的两种GC算法是哪两种？

• 【引用计数器方案】：这个算法有一个很大的弊端就是可能会产生循环引用问题
• 【标记清除方案】：这个算法可以很好地解决循环引用的问题

image.png image.png