var client = null;
// 抽象基类对象, 后缀作为具体类的原型
var DicApplyAdd_Scrap = {
    initialize: function (argument) {
      //this.name = name;
      this.doSomething(" initalize");//指向哪里
      this.initGrid();
      console.table("被初始化了"+arguments[0]);
    },
    datagridtest: {
        get callcal() {
            console.log('this :>> ', this);
            console.trace();
        },
        width: '100%',
        iconCls: 'icon-search',
        rownumbers: true,
        showFooter: true,
        remoteSort: false,
        height: 200,
        //nowrap:false,
        frozenColumns: [
            [
                { field: 'ck', checkbox: true, height: 30 }, //勾選框
                { field: 'Line_id', title: 'Line_id', width: 120, height: 30, hidden: true },
            
            ]
        ],
        columns: [
            [

                { field: 'Gr_no', title: 'GR', width: 120, height: 30 },
                 
            ]
        ],
        toolbar: [
            {
                //在dategrid表单的头部添加按钮
                text: "添加",
                iconCls: "icon-add",
                handler: function () {
                    $('#div_Info').dialog("open");
                }
            },
            '-',
            {
                text: "删除",
                iconCls: "icon-remove",
                handler: function () {
                    client.DeleteData();
                }
            },
            '-',
            {
                text: "導出",
                iconCls: "icon-redo",
                handler: function () {
                    client.ToExcel();
                }
            }
           
        ],
        onLoadSuccess: function (row) {
            //加載成功時，更新加總欄
            console.log("加载成功");
            client.loadFooter();
        },
        onAfterEdit: function (rowIndex, rowData, changes) {
            //退出編輯時，更新加總欄
          console.log("退出编辑");

            client.loadFooter();
        },
        onClickRow: function (rowIndex, rowData) {
           console.log("没有可以只编辑一行的设置吗？");
        },
        singleSelect: false, //是否单选 
        pagination: false //分页控件            
    },
    getName: function () {
        console.log("getname 输出");
      return "base class?";
    },
    doSomething: function (who) {
      console.log("base class do somethin fn"+who);
    },
    //初始化表格
    initGrid: function () {
      //   替换方法还是更多细粒度？
      console.log("this指向的datagrid是",this.datagridtest);
      console.log("initGrid");
    $("#dg").datagrid(this.datagridtest);//this 指向谁？这里是vendor_s
    }
  };
  
    //增加属性与方法。
  // strategys 
  let vendor_s = function () {// 使用this 则变成了构造函数
      // this.initialize.apply(this,["vendors_s 构造"]);// 在前，调用的就是原型对象， 因为还没有覆盖this 还没有doSomething()
    //   当一个函数用作构造函数时（使用new关键字），它的this被绑定到正在构造的新对象。
      this.doSomething = function () {  // when vendor is 被new时，函数变成了构造函数。this，此时this指向刚new的出来的。
        console.log("具体策略vendor做something");
    };
    this.datagridtest = {...this.datagridtest, columns:[...this.datagridtest.columns.map(x=>  [...x, {field:"add_field",title:"add_field", width: 100, height: 30}])],};//返回修改定义具体的属性。 复制原型链上的datagrid.
    this.initialize.apply(this,["调用vendors_s的dosomething "]);// 在后，调用的就是上面的doSomething， 为this指向
  };
  
  let GW_s = function(){
    this.doSomething = function () {  // when vendor is 被new时，函数变成了构造函数。this，此时this指向刚new的出来的。
        console.log("具体策略GW_S做something");
    };
    this.initialize.apply(this,["调用GW_S的dosomething "]);
  };
  
  vendor_s.prototype = Object.create(DicApplyAdd_Scrap);// 继承 dic。
  GW_s.prototype = Object.create(DicApplyAdd_Scrap)
  
 

  //context上下文
  
  let Context = function () {
    this.strategy = null;
  };
  Context.prototype = {
    setStrategy: function (strategy) {
    //   this.strategy = new strategy();//可能会内存泄漏/抖动吗？
      this.strategy = strategy;
    },
    exeStrategy: function (params) {
      this.strategy.doSomething();
    },
    getStrategy: function () {
        return this.strategy;
    }
  };
  
  // 实例相关具体策略 
  const status_is_vendor = new vendor_s(); 
  const status_is_GW = new  GW_s();//不能实例化多个，因为，initgrid会被调用。datagrid只有一个形态。
  
//   动态修改
  console.log(   Object.getPrototypeOf(status_is_vendor)=== vendor_s.prototype,  Object.getPrototypeOf(status_is_vendor)=== DicApplyAdd_Scrap, );//可以得到原型，然后修改。？？ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/getPrototypeOf

//   status_is_vendor.doSomething();
//   status_is_GW.doSomething();
//   status_is_vendor.getName();
  
  const status_switch = new Context(); //必须new 下面才去原型上找setStrategy这个方法。
  
  status_switch.setStrategy(status_is_vendor);
  status_switch.exeStrategy();