Khi nào thì sử dụng ko.utils.unwrapObservable?

Tôi đã viết một vài ràng buộc tùy chỉnh bằng KnockoutJS. Tôi vẫn không chắc chắn khi nào sử dụng ko.utils.unwrapObservable(item)Nhìn vào mã, lệnh gọi đó về cơ bản sẽ kiểm tra xem liệu itemcó thể quan sát được hay không. Nếu đúng, trả về giá trị (), nếu không, chỉ trả về giá trị. Nhìn vào phần Knockout về cách tạo liên kết tùy chỉnh, chúng có cú pháp sau:

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

Trong trường hợp này, họ gọi thông qua có thể quan sát ()nhưng sau đó cũng gọi ko.utils.unwrapObservable. Tôi chỉ đang cố gắng xử lý khi nào nên sử dụng cái này so với cái kia hoặc nếu tôi nên luôn làm theo mẫu trên và sử dụng cả hai.

Bạn nên sử dụng ko.utils.unwrapObservabletrong trường hợp bạn không biết mình đã được cấp cho một vật có thể quan sát được hay chưa. Điều này thường nằm trong một ràng buộc tùy chỉnh trong đó một ràng buộc có thể quan sát được hoặc không thể quan sát được có thể bị ràng buộc với nó.

Trong đoạn mã mà bạn có ở trên, lệnh gọi đến valueAccessor()không thực sự mở ra một lệnh có thể quan sát được. Nó chỉ lấy giá trị đã được chuyển đến ràng buộc trong ngữ cảnh chính xác (nó được bao bọc trong một hàm để bảo vệ nó). Giá trị trả về của valueAccessor()có thể quan sát được hoặc không. Nó là bất cứ điều gì được chuyển đến ràng buộc.

Câu trả lời trước đó là đúng, nhưng tôi thường chuyển các hàm vào các ràng buộc tùy chỉnh (một hàm kiểm tra quyền hoặc xác định việc cần làm dựa trên một thứ khác, v.v.). Những gì tôi thực sự cần là mở bất kỳ chức năng nào, ngay cả khi nó không thể quan sát được.

Sau đây mở một cách đệ quy MỌI THỨ:

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

Đây là một ví dụ về một ràng buộc tùy chỉnh đơn giản mà tôi đã viết:

//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
        }
    }
}

Bằng cách này, bindValue luôn chứa một giá trị. Tôi không cần phải lo lắng về việc liệu tôi có truyền vào một hàm, một hàm có thể quan sát được, một giá trị hay thậm chí là một hàm bên trong một hàm có thể quan sát được hay không. Thao tác này sẽ mở đúng cách mọi thứ cho đến khi nó đến được đối tượng tôi muốn.

Hy vọng rằng sẽ giúp một ai đó.