JavaScript 是一门动态的、解释性的、弱类型的语言，自诞生以来就被广泛应用于前端开发，随着技术的日新月异，JavaScript 的生态也在不断地拓展和进化。ES7 是 JavaScript 的第七个版本，在这个版本中，我们看到了 Symbol.Observable 以及它所支持的自定义异步数据流。本文将在详细讲解 Symbol.Observable 的同时，还将提供深度学习和指导意义，并配合示例代码，帮助读者深入理解。
Symbol.Observable 是什么？
在ES6中，引入了一种新的数据类型 Symbol。Symbol 是一种类似于字符串的数据类型，但是它具有唯一性，即每个 Symbol 变量都是唯一的，这使得它可以避免命名冲突。在ES7中，新增了一个名为 Symbol.Observable 的全局 Symbol 变量，它允许你在自己的对象上实现一个可观察属性（observable property）。这个特性可以被看作是一种面向未来的技术，它为我们构建异步数据流开了一个新的方向。
如何使用 Symbol.Observable？
使用 Symbol.Observable，首先要创建一个新的 Observable ，然后将它注册到一个被观察的对象中，在对象上注册观察者，最后就可以使用 Observable 来发出通知了。
创建一个新的 Observable
使用 Symbol.observable 来创建一个新的 Observable ，如下所示：
const observable = {
[Symbol.observable]() {
return this;
}
};将 Observable 注册到一个被观察的对象中
通过将 Observable 注册到一个被观察的对象中，观察者可以获取到该对象的所有变化。
const observe = {
next(val) {
console.log(val);
}
};
observable.subscribe(observe);发出通知
observable.next(value);
示例代码
以下为示例代码，用于展示如何使用 Symbol.Observable。
-- -------------------- ---- -------
----- ---------- - -
--------- -----
--------------------- -
------ -----
--
------------------- -
------------- - ---------
--
----------- -
------------- -- --------------------------
-
--
----- -------- - -
----------- -
-------------------
-
--
-------------------------------
-------------------------
-------------------------总结
ES7 中新增的 Symbol.Observable 是一项非常重要的特性，它为我们构建异步数据流提供了很多便利。我们可以使用它来监听一个对象的变化，一旦该对象状态发生改变，它就会发出一个通知，通知所有的观察者。同时，它也带来了一个新的编程范式，相信前端开发领域将会在这个方向上取得更大的进展。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65a84ab7add4f0e0ff16d655