(一)数据类型内存分配

1. 简单数据类型

Snipaste_2021-09-27_23-17-41.png

2. 复杂数据类型 或者叫 引用类型

Snipaste_2021-09-27_23-24-23.png

3. 堆和栈

Snipaste_2021-09-27_23-28-48.png

4. 简单类型的内存分配

Snipaste_2021-09-27_23-33-54.png

5. 复杂类型的内存分配

Snipaste_2021-09-27_23-35-12.png
Snipaste_2021-09-27_23-52-59.png

  1. <script>
  2. // 简单数据类型 null 返回的是一个空的对象 object
  3. var timer = null;
  4. console.log(typeof timer);//object
  5. // 如果有个变量我们以后打算存储为对象,暂时没想好放啥, 这个时候就给 null
  6. // 1. 简单数据类型 是存放在栈里面 里面直接开辟一个空间存放的是值
  7. // 2. 复杂数据类型 首先在栈里面存放地址 十六进制表示 然后这个地址指向堆里面的数据
  8. </script>

(二)简单数据类型传参

Snipaste_2021-09-27_23-42-39.png
Snipaste_2021-09-27_23-56-23.png

  1. <script>
  2. // 简单数据类型传参
  3. function fn(a) {
  4. a++;
  5. console.log(a);//11
  6. }
  7. var x = 10;
  8. fn(x);
  9. console.log(x);//10
  10. </script>

(三)复杂数据类型传参

Snipaste_2021-09-27_23-44-52.png
Snipaste_2021-09-27_23-57-36.png

  1. <script>
  2. // 复杂数据类型传参
  3. function Person(name) {
  4. this.name = name;
  5. }
  6. function f1(x) { // x = p
  7. console.log(x.name); // 2. 这个输出什么 ? 刘德华
  8. x.name = "张学友";
  9. console.log(x.name); // 3. 这个输出什么 ? 张学友
  10. }
  11. var p = new Person("刘德华");
  12. console.log(p.name); // 1. 这个输出什么 ? 刘德华
  13. f1(p);
  14. console.log(p.name); // 4. 这个输出什么 ? 张学友
  15. </script>