Cuándo usar ko.utils.unwrapObservable?

Question

He escrito algunos enlaces personalizados usando KnockoutJS. Todavía no estoy seguro de cuándo usar ko.util.unwrapObservable(item) Mirando el código, esa llamada básicamente verifica si item es observable. Si lo es, devuelve el valor(), si no es así, solo devuelve el valor. En cuanto a la sección sobre el golpe de gracia sobre la creación de enlaces personalizados, tienen la siguiente sintaxis:

var value = valueAccessor(), allBindings = allBindingsAccessor(); 
var valueUnwrapped = ko.utils.unwrapObservable(value); 

En este caso, se puede observar a través de invocar la () pero entonces también llamar ko.utils.unwrapObservable. Solo trato de entender cuándo usar uno frente a otro o si siempre debo seguir el patrón anterior y usar ambos.

Answer 1

Debe utilizar ko.utils.unwrapObservable en los casos en que no sabe si se le ha dado un observable o no. Esto comúnmente sería en un enlace personalizado donde un observable o no observable podría estar ligado a él.

En el código que tienes arriba, la llamada a valueAccessor() no está realmente desenvuelto. Simplemente recupera el valor que se pasó al enlace en el contexto correcto (se envuelve en una función para protegerlo). El valor de retorno de valueAccessor() puede ser observable o no. Es lo que pasó con la encuadernación.

Answer 2

La respuesta anterior es correcta, pero a menudo paso funciones a los enlaces personalizados (una función que comprueba los permisos, o determina qué hacer en función de otra cosa, etc.). Lo que realmente necesitaba era desenvolver cualquier función, incluso si no es observable.

La siguiente desenvuelve de forma recursiva todo:

ko.utils.unwrapFunction = function (func) { 
    if (typeof func != 'function') { 
     return func; 
    } 
    else { 
     return ko.utils.unwrapFunction(func()); 
    } 
}; 

Este es un ejemplo de una simple unión a medida que escribí:

//replaces single and double 'smart' quotes users commonly paste in from word into textareas and textboxes with normal text equivalents 
//USAGE: 
//data-bind="replaceWordChars:true 
//also works with valueUpdate:'keyup' if you want" 

ko.bindingHandlers.replaceWordChars = { 
    update: function (element, valueAccessor, allBindingsAccessor, viewModel) { 
     var bindingValue = ko.utils.unwrapFunction(valueAccessor); 

     if (bindingValue) { 
      $(element).val(removeMSWordChars(allBindingsAccessor().value())); //update DOM - not sure why I should need to do this, but just updating viewModel doesn't always update DOM correctly for me 
      allBindingsAccessor().value($(element).val()); //update viewModel 
     } 
    } 
} 

De esta manera bindingValue siempre contiene un valor. No necesito preocuparme si paso en una función, un observable, un valor o incluso una función dentro de un observable. Esto desenvolverá adecuadamente todo hasta que llegue al objeto que quiero.

Espero que ayude a alguien.