如何构建一个knockoutJS Jquery App

Question

**更新

我正在使用带有 jquery 的 knockoutjs 来构建应用程序。

因为我使用的是 jquery，所以我必须在 jquery 函数中包装敲除。这很好，除了通过应用程序我为各种不同的页面重新使用相同的对象/功能。因为该对象包含对淘汰赛的引用，所以我不能将它们放在全局文件中，这意味着我有很多重复，严重地使我的代码膨胀并使其非常难以管理。

所以

//global file

//this is fine because it dose not reference knockout 
var global_cust = function(){
   this.name: "dave";
   this.isAwkward: true; 
}

//this is not fine because it references knockout 
var knockout_global_customer = function(properties){
  this.name: ko.observable(properties.name? properties.name: "unknown"),
  this.isAwkward: ko.observable(properties.isAwkward? properties.isAwkward: true),   
}

//page 1 

(function($){

//i have to include the customer in every page of aplplication that uses it. I would like this in a global file or someway of Precompiling it so don't have to include it in every page - a bit like php include but for JS    
var customer = function(properties){
  this.name: ko.observable(properties.name? properties.name: "unknown"),
  this.isAwkward: ko.observable(properties.isAwkward? properties.isAwkward: true),   
}

var viewModel = {
  currentCustomer: ko.observable(new customer()),
  globalCustomer: ko.observable(new global_cust()),
}

ko.applyBindings(viewModel);

})(jQuery);

不管怎样，还是有预处理文件的工具，这样我就不必在每个页面上不断复制相同的对象/功能

谢谢

Answer 1

您可以为此目的使用 window 变量。

window.customerModel = viewModel;

它将在全球范围内可用。

Answer 2

我喜欢窗口变量答案，并认为它最适合您。但对于类似“php include”的函数，请查看jQuery.getScript 函数：http://api.jquery.com/jQuery.getScript/