深入JavaScript Day02 - 深入了解JavaScript执行过程、GO、执行栈、执行上下文、函数作用域、内存管理、垃圾回收机制、GC算法

一、深入了解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
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容