推荐阅读地址

掘金

github 求 start??

// 基本类型
    let name = 'LinYY'
    let name2 = name
    console.log(name2)  // LinYY
    name2 = '林一一'
    console.log(name2)  // 林一一
    console.log(name)  // LinYY
// 引用类型
    let obj = {name: 'LinYY'}
    let obj2 = obj
    console.log(obj2.name) // LinYY
    obj2.name = '林一一'
    console.log(obj.name)   // 林一一

问上面的结果为什么是这样？这涉及到 JS 的运行机制

1. 当浏览器（内核/引擎）渲染和解析 JS 代码时，会提供一个运行环境，这个环境称为全局作用域（global scope）
2. JS 代码自上而下运行。

解答：

    参考：高程4 83页。

面试题

题目一，下面代码输出的结果是什么，原因？

    let obj = {
        a: 12,
        b: obj.a * 10
    }
    console.log(obj.b)

• 当浏览器渲染和解析 JS 代码时，会提供一个全局作用域(栈内存)。
• 代码自上而下执行
  1. 遇到引用类型需要在堆内存开辟一个存储空间，将键值对放在存储空间
     • a = 12
     • b = obj.a * 10 ，也就是这里出现了问题，在此之前 obj 还没有被定义更不在堆内存中，那么 obj 就是 undefined，undefined(基本类型)下根本没有属性 a。所以出现读取不到 undefined.a 的值 Cannot read property 'a' of undefined

题目二，下面代码输出的结果是什么，原因？

var ary = [1, 3]
var ary1 = ary
ary1[0] = 2
ary1 = [5, 6]
ary1[1] = 0
ary[0] = 7
console.log('ary:'+ary,'ary1:'+ary1)

• 当浏览器渲染和解析 JS 代码时，会提供一个全局作用域(栈内存)。
• 代码自上而下执行
  1. 遇到引用类型需要在堆内存开辟一个存储空间，将键值对放在存储空间
     • 0: 1, 1: 3 // 0, 1是数组下标 index，1，3是数组值
  2. 栈内存中定义一个变量 arr
  3. 堆内存地址值给 arr。上图假设16进制地址值是 AAAFFF123，那么 arr1和arr地址值现在都是AAAFFF123。
  4. ary1[0] = 2，改变地址值是 AAAFFF123中的1为2。
  5. ary1 = [5, 6]，到这里是重点，[5, 6]是一个新的引用类型，那么就需要在开辟一个新的堆内存，假设堆内存地址是AAAFFF223，所以到这里为止 arr 和 arr1就是两个完全不同的对象了。

所以最后输出的结果就明显了