javascript - 代码整合与复杂性-6ren

javascript - 代码整合与复杂性

转载作者：行者123 更新时间：2023-11-29 18:29:01

25

4

<分区>

我有一些处理用户操作的模块——它们是控制模块。有 6 个，现在有 5 个，因为我合并了 2 个非常相似的模块，称为控制

我注意到，当我合并类似的代码时......它变得有点低效。例如，在 Control 中，我现在有一个额外的逻辑语句来确定程序流程。

if( this.type === 'signup' && !this.text_object.checkPattern( 'name' ) )

这个简单的行允许我结合 ControlSignIn 和 ControlSignUp，因为唯一的区别是检查 Sign Up 中的名称，而 Sign In 没有。

我可以继续这种方式，我得到更复杂的代码，但我的代码占用空间更小。

(复杂性和运行时间)与(代码足迹)之间存在权衡。

我猜这无关紧要，但我只是想确认一下。

作为示例，我放入了 ControlTweet，我也可以将其放入 Control。

问题？

我应该将 ControlTweet 与 Control 合并吗？

一般来说，您的底线在哪里还是偏好问题？

控制

/**
 *Control - receives incoming requests for client use
 */

var Control = ( function () 
{
    var Control = function ( type )
    {
        this.TIME = 4000;
        this.type = type;
        this.form_element = document.getElementById( type ), 
        this.response_element = document.getElementById( type + '_response' );

        this.text_object = new TextValidator( this.form_element ),
        this.message_object = new Message( this.response_element ),
        this.effects_object= new Effects( this.response_element );
    };
    Control.prototype.invoke = function( ) 
    {
        if( Global.validate_input_on === 1 )
        {
            if( !this.text_object.checkEmpty() ) 
            {
                this.message_object.display( 'empty' );
                this.effects_object.fade( 'down', this.TIME );
                return false;
            }
            if( this.type === 'signup' && !this.text_object.checkPattern( 'name' ) ) 
            {
                this.message_object.display( 'name' );
                this.effects_object.fade( 'down', this.TIME );
                return false;
            }
            if( !this.text_object.checkPattern( 'email' ) ) 
            {
                this.message_object.display( 'email' );
                this.effects_object.fade( 'down', this.TIME );
                return false;
            }
            if( !this.text_object.checkPattern( 'pass' ) ) 
            {
                this.message_object.display( 'pass' );
                this.effects_object.fade( 'down', this.TIME );
                return false;
           }
        }
        var response_element = this.response_element;
        new Ajax().invoke( serializeArray( this.form_element ) + '&ajax_type=' + this.type + '_control', function( server_response_text ) { ajaxType( server_response_text, response_element, 'respond' ); } );
    };
    Control.in = function()
    {
        new Control( 'signin' ).invoke();
    };
    Control.up = function()
    {
        new Control( 'signup' ).invoke();
    };
    Control.out = function()
    {
        new Ajax().invoke( '&ajax_type=ControlSignOut', function( server_response_text ) { ajaxType( server_response_text, 0, 'simple' ); } );
    };
    Control.try = function()
    {
        new Ajax().invoke( '&ajax_type=ControlTryIt', function( server_response_text ) { ajaxType( server_response_text, 0, 'simple' ); } );
    };
    return Control;
} () );

控制推文

/**
 *    ControlTweet
 */

function interfaceTweet()
{
    var fill_element = document.getElementById( 'tweet_fill' ),
        form_element = document.getElementById( 'tweet' ),
        response_element = document.getElementById( 'tweet_response' );

    var text_object = new TextValidator( form_element ),
        message_object = new Message( response_element ),
        effects_object = new Effects( response_element );

    if( Global.validate_input_on === 1 )
    {
        if( !text_object.checkEmpty() ) 
        {
            message_object.display( 'empty' );
            effects_object.fade( 'down', 4000 );
            return;
        }

        if( !text_object.checkPattern( 'tweet' ) ) 
        {
            message_object.display( 'tweet' );
            effects_object.fade( 'down', 4000 );
            return;
        }
    }
    new Ajax().invoke( serializeArray( form_element ) + '&ajax_type=ControlTweet_add', function( server_response_text ) { ajaxType( server_response_text, response_element, 'tweet', fill_element ); } );
}

我最终使用的是:

/**
 *Control - receives incoming requests for client use
 */

var Control = ( function () 
{
    var Control = function ( type )
    {
        this.TIME = 4000;
        this.type = type;

        this.form_element = document.getElementById( type ), 
        this.response_element = document.getElementById( type + '_response' );
        if( type === 'tweet' ) { this.fill_element = document.getElementById( type + '_fill' ); }

        this.text_object = new TextValidator( this.form_element ),
        this.message_object = new Message( this.response_element ),
        this.effects_object= new Effects( this.response_element );
    };
    Control.prototype.invoke = function( ) 
    {
        if( Global.validate_input_on === 1 )
        {
            if( !this.text_object.checkEmpty() ) 
            {
                this.message_object.display( 'empty' );
                this.effects_object.fade( 'down', this.TIME );
                return false;
            }
            switch( this.type )
            {
                case 'signin':
                    if( !this.text_object.checkPattern( 'email' ) ) 
                    {
                        this.message_object.display( 'email' );
                        this.effects_object.fade( 'down', this.TIME );
                        return false;
                    }
                    if( !this.text_object.checkPattern( 'pass' ) ) 
                    {
                        this.message_object.display( 'pass' );
                        this.effects_object.fade( 'down', this.TIME );
                        return false;
                    }
                    break;
                case 'signup':
                    if( !this.text_object.checkPattern( 'email' ) ) 
                    {
                        this.message_object.display( 'email' );
                        this.effects_object.fade( 'down', this.TIME );
                        return false;
                    }
                    if( !this.text_object.checkPattern( 'name' ) ) 
                    {
                        this.message_object.display( 'name' );
                        this.effects_object.fade( 'down', this.TIME );
                        return false;
                    }
                    if( !this.text_object.checkPattern( 'pass' ) ) 
                    {
                        this.message_object.display( 'pass' );
                        this.effects_object.fade( 'down', this.TIME );
                        return false;
                    }
                    break;
                case 'tweet':
                    if( !this.text_object.checkPattern( 'tweet' ) ) 
                    {
                        this.message_object.display( 'tweet' );
                        this.effects_object.fade( 'down', this.TIME );
                        return false;
                    }
                    break;
                default:
            }
        }
        var response_element = this.response_element;
        if( this.type === 'tweet' ) { var fill_element = this.fill_element; }
        new Ajax().invoke( serializeArray( this.form_element ) + '&ajax_type=' + this.type + '_control', function( server_response_text ) { ajaxType( server_response_text, response_element, 'respond', fill_element ); } );
    };
    Control.tweet = function()
    {
        new Control( 'tweet' ).invoke();
    }
    Control.in = function()
    {
        new Control( 'signin' ).invoke();
    };
    Control.up = function()
    {
        new Control( 'signup' ).invoke();
    };
    Control.out = function()
    {
        new Ajax().invoke( '&ajax_type=ControlSignOut', function( server_response_text ) { ajaxType( server_response_text, 0, 'simple' ); } );
    };
    Control.try = function()
    {
        new Ajax().invoke( '&ajax_type=ControlTryIt', function( server_response_text ) { ajaxType( server_response_text, 0, 'simple' ); } );
    };
    Control.bookmarkDelete = function( event_pull )
    {
        event_pull.preventDefault();
        domBookmarkDelete( this );
        new Ajax().invoke( encodeURIComponent( this.name ) + "=" + encodeURIComponent( this.innerHTML ) + '&ajax_type=ControlBookmark_delete', function( ) { } );
    }
    return Control;
} () );

25

4

0

文章推荐： java - 带有选项卡的 Activity 中的布局刷新问题

文章推荐： mysql - 无法理解相关查询

文章推荐： php - 搜索每个单词并过滤少于 x 的字符数

Javascript Canvas 复杂性
我正在尝试将游戏中的 GPS map 系统复制到网络中。基本上游戏中有 12 张 map ，每张 map 都有不同的安全区域，你可以在其中扭曲你的 Angular 色或走动，但我一路上遇到了一些问题。
java - 将所有子目录中所有文件中的所有数字相加 - 复杂性？
给定一个根目录，逐行读取 rootDirectory 或子目录中的所有文件，并对每个文件中的所有数字求和。每个文件的每一行都有一个编号。所以我只需要读取所有文件并对所有数字求和并返回。我想出了下面的代
MySQL JOIN 复杂性
我使用的是 MySQL 5.5，有两个表 T1(ID, NAME) 和 T2(ID, MARKS)，下面是表中的数据。 T1的数据 ID NAME 1 A 2 B 3 C T2的数据 ID MA
c++ - 复杂性..大O
我必须确定以下函数的时间复杂度(大 O): void BET::makeEmpty(BinaryNode* &n) { if(n != NULL) { makeEmpt
algorithm - 复杂性——决定增长的顺序
我基本上了解如何计算函数的复杂度。这同样适用于确定数学函数的增长顺序。 [我可能不像我想的那样理解它，这就是为什么我可能会问这个。] 例如: an^3 + bn^2 + cn + d 可以用大 O 表
algorithm - 动态规划-复杂性
我有一个家庭作业问题，一段时间以来我一直在努力解决，但我终其一生都无法解决。我有一张尺寸为 X*Y 的纸和一组尺寸较小的图案，以及与之相关的价格值。我可以水平或垂直切割板材，我必须找到优化的切割模式
javascript - 给定字符串的所有排列 - 复杂性
我写了这个字符串所有排列的解决方案。我对这个解决方案的时间和空间复杂性有疑问。我假设时间复杂度为 O(n³)，因为嵌套循环和递归以及空间复杂度为 O(n)，因为递归。我的假设是否正确？如果可以，有没
algorithm - 构建哈希表或字典 - 复杂性
刚遇到这个问题: 子集求和问题:求给定数组中两对数字的总和等于给定数字的个数例如:给定总和为 9，数组为 { 0, 1, 2, 7, 13 } => O/P 为 1 对(2 和 7) 似乎这可以在
algorithm - 文件中单词出现的次数 - 复杂性？
鉴于我有一个包含一组单词的文件: 1) 如果我选择一个哈希表来存储单词 -> 计数，查找特定单词出现的时间复杂度是多少？ 2) 我怎样才能按字母顺序返回这些单词？如果我选择哈希表，我知道 1) 的时
algorithm - 了解大 O 复杂性
我很难理解大 O 时间复杂度。 Big O 的正式定义: f(n) = O(g(n)) means there are positive constants c and k, such that 0
javascript - Object.keys() 复杂性？
有人知道 ECMAScript5 的 Object.keys() 在常见实现中的时间复杂度吗？ n 个键的时间复杂度是 O(n) 吗？假设采用哈希实现，时间与哈希表的大小成正比吗？我正在寻找语言实现
java - Android OnClickListener 复杂性
我需要知道，就复杂性而言，什么更好。要么为每个按钮从 xml 中标识一个单独的 onClick 方法，如下所示: android:onClick:"clickHandler" 和java代码: pub
Javascript 绑定(bind)复杂性
无论如何我都不是 Javascript 的新手；也就是说，我对 bind 的作用及其行为方式有了基本的了解。但是，我遇到了一个我对结果有点不确定的用例。让我详细说明一个示例设置: 示例设置首先，我有
Python list.clear 复杂性
这个问题在这里已经有了答案: Python list.clear() time and space complexity? (4 个答案) 关闭 1 年前。 Python 3 方法 list.cle
java - 复杂性良好、中等和最差
我创建的这个计算两个数组的交集是线性的方法的复杂度(在良好、平均、最差的情况下)？ O(n) public void getInt(int[] a,int[] b){ int i=0; int
algorithm - 复杂性 - Dijkstra 算法
假设我已经使用 PriorityQueue 实现了 dijkstras，因此在未访问的节点中添加和删除需要 O(log n)。 PQ 最多包含 E 个节点，因此清空它我们得到 O(E)。当 PQ 不为
algorithm - 依赖嵌套循环的大 O 复杂性
我能得到一些帮助来理解如何解决这个教程问题吗？我仍然不明白教授的解释。我不确定如何计算第三个/最内层循环的大 0。她解释说，该算法的答案是 O(n^2)，并且第二个和第三个循环必须被视为具有 O(n)
algorithm - Floyd Warshall 复杂性
有人可以告诉我这个过程在 for 迭代中的时间复杂度吗？这段代码是FloydWarshall算法的“重构路径”部分。prev[n][n]是最短路径中源节点和目的节点之间的节点矩阵。printAllSP
algorithm - 运行时间，复杂性，编译时间和执行时间有什么区别？
运行时间、复杂性、编译时间和执行时间有什么区别？运行时间与时间复杂度有冲突，执行时间和执行时间有什么区别？最佳答案您真正需要的是如何将大O时间复杂度转换为运行时。这不像一开始看起来那么容易。因
c++ - 非大 O 复杂性
我对算法复杂度的计算很困惑。对于一项任务，我们被赋予以下功能并要求找到它的复杂性。 int selectkth(int a[], int k, int n) { int i, j, mini,

首页

博学

6Ren·AI

商城

javascript - 代码整合与复杂性