Javascript & Knockoutjs：如何重构以下代码以能够访问函数外的属性

问题描述

我正在努力寻找一种方法来获取函数外部可用的属性 Override & Justification。代码是：

 self.CasOverridesviewmodel = ko.observable(self.CasOverridesviewmodel);

 var hasOverrides = typeof self.CasOverridesviewmodel === typeof(Function);

    if (hasOverrides) {
        self.setupOverrides = function() {
            var extendviewmodel = function(obj,extend) {
                for (var property in obj) {
                    if (obj.hasOwnProperty(property)) {
                        extend(obj[property]);
                    }
                }
            };

            extendviewmodel(self.CasOverridesviewmodel(),function(item) {

                item.isOverrideFilledIn = ko.computed( function() {
                    var result = false;

                    if (!!item.Override()) {
                        result = true;
                    }

                    return result;
                });

                if (item) {
                    item.isJustificationMissing = ko.computed(function() {
                        var override = item.Override();
                        var result = false;
                        
                        if (!!override) {
                            result = !item.hasAtleastNineWords();
                        }

                        return result;
                    });

                    item.hasAtleastNineWords = ko.computed(function() {
                        var justification = item.Justification(),moreThanNineWords = false;

                        if (justification != null) {
                            moreThanNineWords = justification.trim().split(/\s+/).length > 9;
                        } 

                        return moreThanNineWords;
                    });

                    item.isValid = ko.computed(function() {
                        return (!item.isJustificationMissing());
                    });
                }
            });
        }();
    }

我已经通过设置一个全局变量来尝试它：

var item;
or
var obj;

if(hasOverrides) {...

所以最让我无法理解连接是如何建立的 在底层模型 CasOverridesviewmodel 之间。因为我认为 self.CasOverridesviewmodel.Override() 将能够获取写入屏幕上的数据。

我做的另一个尝试是 var override = ko.observable(self.CasOverridesviewmodel.Override())，这导致了 js typeError，因为你无法从未定义的对象中读取数据。

因此，如果有人能够就如何从该函数之外可用的输入字段中获取字段给我一些指导。将不胜感激。 如果我需要澄清某些方面，请随时提出。

致以最崇高的谢意！

解决方法

不确定你想用你的变量多远，但如果你只是在根级别定义全局变量，但只在你的内部变量获得值时添加到它，你不会得到设置错误未定义。

var root = {
  override: ko.observable()
};

root.override.subscribe((val) => console.log(val));

var ViewModel = function () {
  var self = this;
  self.override = ko.observable();
  
  self.override.subscribe((val) => root.override(val));
  
  self.load = function () {
    self.override(true);
  };
  
  self.load();
};

ko.applyBindings(new ViewModel());

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.2/knockout-min.js"></script>