详解JavaScript栈内存与堆内存

//基本值
var a = 1;
var b = a;
a = 2;
console.log(a); //输出：2
console.log(b); //输出：1

//引用值
//变量 c 和 d 指向堆中的同一个数组
var c = [0, 1, 2];
var d = c;
c[0] = 5;
console.log(c); //输出：[5, 1, 2]
console.log(d); //输出：[5, 1, 2]

let a = {
  name: "Tom",
  obj: {
    age: 19
  }
}
let b = Object.assign({}, a);
console.log(b); //输出：{name: "Tom",obj: {age: 20}}

a.name = "Amy";
a.obj.age = 20;

console.log(a); //输出：{name: "Amy",obj: {age: 20}}
console.log(b); //输出：{name: "Tom",obj: {age: 20}}
数组的 slice() 方法也属于浅拷贝
例子：
var a = [0, [1]];
var b = a.slice(0);
a[0] = 8;
a[1][0] = 9;

console.log(a); //输出：[8, [9]]
console.log(b); //输出：[0, [9]]

let a = {
  name: "Tom",
  obj: {
    age: 19
  }
}
var b = JSON.parse(JSON.stringify(a));
console.log(b); //输出：{name: "Tom",obj: {age: 19}}

a.name = "Amy";
a.obj.age = 20;

console.log(a); //输出：{name: "Amy",obj: {age: 20}}
console.log(b); //输出：{name: "Tom",obj: {age: 19}}

//如果 copy 内容是数组或对象则继续调用 extend 函数
if (deep && copy && (jQuery.isPlainObject(copy) || 
(copyIsArray = jQuery.isArray(copy)))) {
  if (copyIsArray) {
    copyIsArray = false;
    clone = src && jQuery.isArray(src) "htmlcode">

//深拷贝函数
function extend(source) {
  var target = Array.isArray(source) "[object Object]";
    if (isObject || Array.isArray(source[key])) {
      //如果是对象或数组，继续调用 extend 函数
      target[key] = extend(source[key]);
    } else {
      //递归到基本值或除了对象或数组之外的引用值，直接赋值
      target[key] = source[key];
    }
  }
  return target;
}

//测试代码
var a = {
  a1: undefined,
  a2: null,
  a3: 123,
  a4: false,
  a5: "Tom",
  a6: Symbol.for("6"),
  obj: {
    s: "book",
    n: 10
  },
  arr: [1, 2, 3, [4]],
  fn: function() {
    console.log(999);
  },
  now: new Date(),
}

var b = extend(a);

a.a5 = "Amy";
console.log(a.a5); //输出：Amy
console.log(b.a5); //输出：Tom

a.obj.s = "pen";
console.log(a.obj.s); //输出：pen
console.log(b.obj.s); //输出：book

a.arr[3][0] = 9999;
console.log(a.arr[3][0]); //输出：9999
console.log(b.arr[3][0]); //输出：4




运行时流程图
结合本课的的内容，JavaScript 的运行时流程图如下：

*这张图会根据内容的增加不断进行补充。
以上所述是小编给大家介绍的JavaScript栈内存与堆内存详解整合，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！