zoukankan      html  css  js  c++  java
  • Js模型和封装

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

    我们经常在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封装好,并且在闭包外的全局上接受闭包对象,提供给下层调用。

  • 相关阅读:
    打开XX.etl文件
    ubuntu 安装 openssh-server,xinetd,vmware tools
    ESXi时间同步
    常用正则表达式字符说明
    RPC 服务器不可用
    linux 常用命令
    解决RDP连接不上
    python数据持久存储-pickle模块
    lambda表达式/对象引用计数
    关闭网络打开远程文件时防火墙安全弹窗
  • 原文地址:https://www.cnblogs.com/tdws/p/5153701.html
Copyright © 2011-2022 走看看