一、Reference Type 是语言内部的一个类型。
二、读取一个属性，例如在obj.method()中，.返回的准确来说不是属性的值，而是一个特殊的 “Reference Type” 值，其中储存着属性的值和它的来源对象。
1、这是为了随后的方法调用()获取来源对象，然后将this设为它。
2、对于所有其它操作，Reference Type 会自动变成属性的值（在我们这个情况下是一个函数）。
3、这整个机制对我们是不可见的。它仅在一些微妙的情况下才重要，例如使用表达式从对象动态地获取一个方法时。

this丢失的示例

一、一个动态执行的方法调用可能会丢失this。

  1. let user = {
  2.   name: "John",
  3.   hi() { alert(this.name); },
  4.   bye() { alert("Bye"); }
  5. };
  7. user.hi(); // 正常运行
  9. // 现在让我们基于 name 来选择调用 user.hi 或 user.bye
  10. (user.name == "John" ? user.hi : user.bye)(); // Error!

1、在最后一行有个在user.hi和user.bye中做选择的条件（三元）运算符。当前情形下的结果是user.hi。
2、接着该方法被通过()立刻调用。但是并不能正常工作！
3、如你所见，此处调用导致了一个错误，因为在该调用中”this”的值变成了undefined。
4、这样是能工作的（对象.方法）：

  1. user.hi();

这就无法工作了（被评估的方法）：

  1. (user.name == "John" ? user.hi : user.bye)(); // Error!

5、为什么呢？我们需要深入obj.method()调用运行的本质。

Reference type 解读

一、仔细看的话，我们可能注意到obj.method()语句中的两个操作：
1、首先，点’.’取了属性obj.method的值。
2、接着()执行了它。
二、那么，this的信息是怎么从第一部分传递到第二部分的呢？
1、如果我们将这些操作放在不同的行，this必定是会丢失的：

  1. let user = {
  2.   name: "John",
  3.   hi() { alert(this.name); }
  4. }
  6. // 把获取方法和调用方法拆成两行
  7. let hi = user.hi;
  8. hi(); // 报错了，因为 this 的值是 undefined

（1）这里hi = user.hi把函数赋值给了一个变量，接下来在最后一行它是完全独立的，所以这里没有this。
三、为确保user.hi()调用正常运行，JavaScript 玩了个小把戏 —— 点’.’返回的不是一个函数，而是一个特殊的Reference Type的值。
四、Reference Type 是 ECMA 中的一个“规范类型”。我们不能直接使用它，但它被用在 JavaScript 语言内部。
五、Reference Type 的值是一个三个值的组合(base, name, strict)，其中：

  • base是对象。
  • name是属性名。
  • strict在use strict模式下为 true。

1、对属性user.hi访问的结果不是一个函数，而是一个 Reference Type 的值。对于user.hi，在严格模式下是：

  1. // Reference Type 的值
  2. (user, "hi", true)

2、当()被在 Reference Type 上调用时，它们会接收到关于对象和对象的方法的完整信息，然后可以设置正确的this（在此处=user）。
3、Reference Type 是一个特殊的“中间人”内部类型，目的是从.传递信息给()调用。
4、任何例如赋值hi = user.hi等其他的操作，都会将 Reference Type 作为一个整体丢弃掉，而会取user.hi（一个函数）的值并继续传递。所以任何后续操作都“丢失”了this。
image.png
5、因此，this的值仅在函数直接被通过点符号obj.method()或方括号obj‘method’语法（此处它们作用相同）调用时才被正确传递。
（1）还有很多种解决这个问题的方式，例如func.bind()。