Js模型和封裝

2019-11-14 14:27:27

字體：大中小

來源：轉載

供稿：網友

一點拙劣的小分享，歡迎批評和補充

我們經常在Js中為我們的各類組件，構造Json格式的假數據。我們看如下代碼：

var jsonResult = [        { 'name': 'ws', 'age': '22' },        { 'name': 'td', 'age': '22' }           //我們把jsonResult[x]當作對象，其中的自然為屬性    ];    window.onload = function () {        alert(jsonResult[0].name);    }

那么對象的方法如下：

var jsonResult = [        { 'name': 'ws', 'age': '22','speakFunc':function () { alert('hi,my name is ws'); } },        { 'name': 'td', 'age': '22' ,'speakFunc':function () { alert('hi my name is '+jsonResult[1].name); }}           //我們把jsonResult[x]當作獨立個體對象    ];    window.onload = function () {        jsonResult[0].speakFunc();        jsonResult[1].speakFunc();    }

下面給出可讀性，復用性更佳的方法，包括閉包。

 var myUpStageClass = function () {        var instance = {            firstFunc: function () {                    //方法名可以不用引號                alert('第一個方法輸出');            },            'secondFunc': function (param) {                alert(param);            }        }        return instance;                                 //返回閉包的對象    }    var appObj = myUpStageClass();                       //接受閉包的對象，是不是像實例化    window.onload = function () {        appObj.firstFunc();        appObj.secondFunc('第二個方法輸出');    }