Javascript对象通信并从其他对象获取参数

Javascript Object communication and get parameter from other object

本文关键字：对象 获取 参数 其他 通信 Javascript      更新时间：2023-09-26

我有一个对象到另一个对象的共享参数的问题我有一个最新的视频对象，其中包含我的视频画廊和其他对象，其中包含分页，渲染，类别和本地存储的方法，女巫处理所有功能，但我使用它来做很多我需要它作为分离对象

    (function (window, document, none) {
  "use strict";
  var LatestVideos = window.LatestVideos = function (option) {
   /* object to init puglin data JSON FORMAT keys Jsondata or url , container, 
   actual page wrapper on paggination, number of item per page, categorywrapper*/
    this.fragments = document.createDocumentFragment();
    this.categories = ["Favorite"];
    this.statusLoad = 0;
    this.allid = [];
    this.categoryid = [];
    this.actual = [];
    //this.categoryChecked=[];
    this.page = 0;
    loadJSON(option.url,this.initData.bind(this));     
    this.settings = { /// init data from options object from parameter constructor      
        JsonData :option.data || 0,       
        container : option.container,
        actpage : option.actpage || 1, 
        buttonwrapper : option.paginationwrapper,
        categorywrapper : option.categorywrapper,
        itemperpage : option.itemperpage,  // get value from prev Selection or default        
    };      
  }; 
  LatestVideos.prototype.initData = function (data) { // assinchrounous call json with ajax
      this.settings.JsonData = data;
      this.settings.lengthData = data.length;
      Render.setData(this);
      Render.getCategories();
  };
  var Render = { // need this data from LASTESTVIDEOS    data,conteiner,paginationwrapper,categorywrapper
    /// object with method  to render articles to my website
  };
  var Pagination = function(){
    //   from LASTESTVIDEOS I need JsonData, actPage overide page and paginatorwrapper
    // object with method to calculate number of pages and paginate my articles
  };
  var Cateogry = function(){
     //   from LASTESTVIDEOS categoryid change actual and allid 
    // object with method to changeCategory and get category from data atribut 
   };
  var LocalStoraget = function (){
    // I JSON data from LASTESTVIDEOS
    // object with method to getFavorite item form localstorage and add to localstorage
};
})(window, document);

function loadJSON(url, callback) {  
  /* function to load ajax from url input(url- form and callback function),
 output function call and post (ARRAY JSON OBJECTS)*/
  var xmlhttp =0;
  if (typeof XMLHttpRequest !== 'undefined') {
    xmlhttp = new XMLHttpRequest();
  } else {
    var versions = ["Microsoft.XmlHttp",
        "MSXML2.XmlHttp",
        "MSXML2.XmlHttp.3.0",
        "MSXML2.XmlHttp.4.0",
        "MSXML2.XmlHttp.5.0"];
    var len =  versions.length;
    for (var i = 0; i < len; i++) {
      try {
        xmlhttp = new ActiveXObject(versions[i]);
        break;
      }
      catch(e){}
  } 
}
xmlhttp.onreadystatechange = ensureReadiness;
function ensureReadiness(){
  if (xmlhttp.readyState === 4 && xmlhttp.status === 200)
  {
    JSONObject = JSON.parse(xmlhttp.responseText);
    callback (JSONObject);
  }else{
    return;
  }
}
xmlhttp.open("GET",url,true);
xmlhttp.send();
}
var options = {url:"someURL",container:"videox",paginationwrapper:"pages"};
var opp = new LatestVideos(options);

这是一个插件女巫，我需要创建具有不同选项的 xtimes，有时我需要单独渲染或分页对象或本地存储

我可能会稍微改变一下：

var Render = function (options) { 
  this.options = $.extend({ //default options
    data: [],
    container: null
  }, options);
  // use internal logic here
  var getCategories = function(){
    ...
  };
  // and return public methods
  return {
    getCategories: getCategories
  };
};

并将最新视频中的代码更改为以下内容：

LatestVideos.prototype.initData = function (data) { // assinchrounous call json with ajax
      this.settings.JsonData = data;
      this.settings.lengthData = data.length;
      var renderer = new Render({
          data: this.settings.JsonData,
          container: this.settings.container
      });
      renderer.getCategories();
  };
相关文章：