码迷,mamicode.com
首页 > Web开发 > 详细

Js模型和封装(没毕业的孩子,一点拙劣的小分享,欢迎批评和补充)

时间:2016-01-23 18:18:53      阅读:126      评论:0      收藏:0      [点我收藏+]

标签:

一点拙劣的小分享,欢迎批评和补充

我们经常在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(‘第二个方法输出‘);
    }

建议把我们所需要的,复用性高的JS,作为我们项目最顶层的js封装好,并且在闭包外的全局上接受闭包对象,提供给下层调用。

 

Js模型和封装(没毕业的孩子,一点拙劣的小分享,欢迎批评和补充)

标签:

原文地址:http://www.cnblogs.com/tdws/p/5153701.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!