在 Knockout.js 中， ko.utils.unwrapObservable 方法常常被用来获取 observable 类型数据的值，这个方法非常有用，但是需要了解它的内部工作原理和使用场景。
什么是 Observable？
Observable 是 Knockout.js 中表示可观察数据的一种类型。当我们在 ViewModel 中使用可观察数据时，Knockout.js 会将其转换为 Observable 对象。Observable 对象可以用于绑定 UI 元素并在数据变化时自动更新视图。
例如，下面的代码演示了如何在 ViewModel 中定义一个可观察数据：
function ViewModel() {
this.firstName = ko.observable('John');
this.lastName = ko.observable('Doe');
}在上述代码中， firstName 和 lastName 都是 observable 类型数据。
使用 ko.utils.unwrapObservable 方法
当我们想要获取 observable 类型数据的值时，我们通常使用 ko.utils.unwrapObservable 方法。该方法接受一个参数，并返回其对应的值。如果参数不是 observable 类型数据，那么该方法直接返回参数本身。
例如，下面的代码展示了如何使用 ko.utils.unwrapObservable 来获取 firstName 的值：
var viewModel = new ViewModel(); var firstName = ko.utils.unwrapObservable(viewModel.firstName); console.log(firstName); // 输出 'John'
在上述代码中， firstName 变量保存了 viewModel.firstName 的值。
深度使用 ko.utils.unwrapObservable 方法
虽然 ko.utils.unwrapObservable 看起来非常简单，但是在实际使用中可能会有一些注意事项。
首先，如果 observable 类型数据的值本身也是一个对象或数组，那么我们需要使用 ko.toJS 方法将它转换为纯 JavaScript 对象或数组。这样我们就可以安全地对它进行操作，而不必担心 Knockout.js 内部绑定机制的影响。
例如，下面的代码展示了如何使用 ko.utils.unwrapObservable 和 ko.toJS 将 observable 类型数据转换为普通 JavaScript 对象：
-- -------------------- ---- -------
-------- ----------- -
----------- - ---------------
---------- -------
--------- -----
---
-
--- --------- - --- ------------
--- ------ - --------------------------------------------
---------------- - -------
--------------- - --------
----------------------------------在上述代码中，我们首先使用 ko.utils.unwrapObservable 获取 person 的值，然后对其进行修改。最后，我们使用 ko.toJS 将修改后的值转换为普通 JavaScript 对象，并将其重新赋值给 viewModel.person。
此外，如果我们想要在判断 observable 类型数据是否存在时使用 if 语句，那么我们需要将其转换为纯 JavaScript 对象或数组，并使用 typeof 运算符来检测类型。
例如，下面的代码展示了如何在 if 语句中判断 observable 类型数据是否存在：
-- -------------------- ---- -------
-------- ----------- -
----------- - ---------------
---------- -------
--------- -----
---
-
--- --------- - --- ------------
--- ------ - --------------------------------------------
-- ------- ------ --- ----------- -- ------ --- ----- -
---------------------------- - - - - ----------------- -- -- ----- ----
-在上述代码中，我们首先使用 ko.utils.unwrapObservable 获取 person 的值，并将其转换为纯 JavaScript 对象。然后，我们使用 typeof 运算符来检测 person 是否存在。
总结
ko.utils.unwrapObservable方法可以用来获取 observable 类型数据的值。- 当获取 observable 类型数据的值时，需要注意其内部工作原理和使用场景。
- 如果 observable 类型数据的值是一个对象或数组，那么我们需要使用
ko.toJS方法将其转换为纯 JavaScript 对象或数组。 - 如果我们想要在判断 observable 类型数据是否存在时
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/10548
