首页 \ 问答 \ 在js文件中有一系列命名函数是不好的做法吗?(Is it bad practice to have a series of named functions in js files?)

在js文件中有一系列命名函数是不好的做法吗?(Is it bad practice to have a series of named functions in js files?)

我正在编写一个js文件,它在doc-ready部分中有很多jquery命令,然后在jquery命令中引用了一大堆跟随它的函数。 这是一个简短的例子,

//jquery on ready
$(function() {
  //misc jquery commands
  $('#bzm a').click(function(event) {
        event.preventDefault();
    });
  $('.editable').not('video, img, textarea').click(function(event) { 
        event.stopPropagation();
        loadEditor($(this));
        return false;
    });
});

//bunch of named functions referenced by jquery commands
function loadEditor(node, link){
    event.stopPropagation();

    var value = node.text();

    if (editObj){
        commitEditor(editObj);
    }

    if (node.not('video, img, textarea')){    
        $('#textEdit')
            .copyCSS(node)
            .offset(node.offset())
            .css('display', 'block')
            .val(node.text());

        node.css('color', 'transparent');
    }

    if(node.is('a') || node.parent().is('a') ){

        $('#urlEdit').show();
        $('#urlEdit').val(node.attr('href'));
    } else {$('#urlEdit').hide();}

    editObj = node;

    if (link){
        $('#urlEdit').select();
    }else{
        $('#textEdit').select();
    }
}

我觉得我已经看到它说命名函数会导致js或类似的东西表现不佳......我能找到的最接近的例子就在这里 。 我只是想肯定地知道。


I am writing a js file that has a lot of jquery commands within the doc-ready part and then a whole swath of functions following it that are referenced in the jquery commands. Here's a short example,

//jquery on ready
$(function() {
  //misc jquery commands
  $('#bzm a').click(function(event) {
        event.preventDefault();
    });
  $('.editable').not('video, img, textarea').click(function(event) { 
        event.stopPropagation();
        loadEditor($(this));
        return false;
    });
});

//bunch of named functions referenced by jquery commands
function loadEditor(node, link){
    event.stopPropagation();

    var value = node.text();

    if (editObj){
        commitEditor(editObj);
    }

    if (node.not('video, img, textarea')){    
        $('#textEdit')
            .copyCSS(node)
            .offset(node.offset())
            .css('display', 'block')
            .val(node.text());

        node.css('color', 'transparent');
    }

    if(node.is('a') || node.parent().is('a') ){

        $('#urlEdit').show();
        $('#urlEdit').val(node.attr('href'));
    } else {$('#urlEdit').hide();}

    editObj = node;

    if (link){
        $('#urlEdit').select();
    }else{
        $('#textEdit').select();
    }
}

I feel like I've seen it said that named functions will cause poor performance in js or something like that.. the closest example I can find is here. I'd just like to know for certain.


原文:https://stackoverflow.com/questions/7313280
更新时间:2023-01-27 08:01

最满意答案

你需要添加:

$(document).delegate("a", "click", function(evt) {
    var href = $(this).attr("href");
    var protocol = this.protocol + "//";

    if (href.slice(protocol.length) !== protocol && protocol !== 'javascript://' &&      href.substring(0, 1) !== '#') {
        evt.preventDefault();

        Backbone.history.navigate(href, true);
    }
});

最后2个字符串应该是:

app_router.navigate("/login", {trigger: true}); // <- should remove this string
Backbone.history.start({pushState: true, root:"test/backbone/test.html"});

You need add:

$(document).delegate("a", "click", function(evt) {
    var href = $(this).attr("href");
    var protocol = this.protocol + "//";

    if (href.slice(protocol.length) !== protocol && protocol !== 'javascript://' &&      href.substring(0, 1) !== '#') {
        evt.preventDefault();

        Backbone.history.navigate(href, true);
    }
});

And last 2 strings should be:

app_router.navigate("/login", {trigger: true}); // <- should remove this string
Backbone.history.start({pushState: true, root:"test/backbone/test.html"});

相关问答

更多

相关文章

更多

最新问答

更多
  • 您如何使用git diff文件,并将其应用于同一存储库的副本的本地分支?(How do you take a git diff file, and apply it to a local branch that is a copy of the same repository?)
  • 将长浮点值剪切为2个小数点并复制到字符数组(Cut Long Float Value to 2 decimal points and copy to Character Array)
  • OctoberCMS侧边栏不呈现(OctoberCMS Sidebar not rendering)
  • 页面加载后对象是否有资格进行垃圾回收?(Are objects eligible for garbage collection after the page loads?)
  • codeigniter中的语言不能按预期工作(language in codeigniter doesn' t work as expected)
  • 在计算机拍照在哪里进入
  • 使用cin.get()从c ++中的输入流中丢弃不需要的字符(Using cin.get() to discard unwanted characters from the input stream in c++)
  • No for循环将在for循环中运行。(No for loop will run inside for loop. Testing for primes)
  • 单页应用程序:页面重新加载(Single Page Application: page reload)
  • 在循环中选择具有相似模式的列名称(Selecting Column Name With Similar Pattern in a Loop)
  • System.StackOverflow错误(System.StackOverflow error)
  • KnockoutJS未在嵌套模板上应用beforeRemove和afterAdd(KnockoutJS not applying beforeRemove and afterAdd on nested templates)
  • 散列包括方法和/或嵌套属性(Hash include methods and/or nested attributes)
  • android - 如何避免使用Samsung RFS文件系统延迟/冻结?(android - how to avoid lag/freezes with Samsung RFS filesystem?)
  • TensorFlow:基于索引列表创建新张量(TensorFlow: Create a new tensor based on list of indices)
  • 企业安全培训的各项内容
  • 错误:RPC失败;(error: RPC failed; curl transfer closed with outstanding read data remaining)
  • C#类名中允许哪些字符?(What characters are allowed in C# class name?)
  • NumPy:将int64值存储在np.array中并使用dtype float64并将其转换回整数是否安全?(NumPy: Is it safe to store an int64 value in an np.array with dtype float64 and later convert it back to integer?)
  • 注销后如何隐藏导航portlet?(How to hide navigation portlet after logout?)
  • 将多个行和可变行移动到列(moving multiple and variable rows to columns)
  • 提交表单时忽略基础href,而不使用Javascript(ignore base href when submitting form, without using Javascript)
  • 对setOnInfoWindowClickListener的意图(Intent on setOnInfoWindowClickListener)
  • Angular $资源不会改变方法(Angular $resource doesn't change method)
  • 在Angular 5中不是一个函数(is not a function in Angular 5)
  • 如何配置Composite C1以将.m和桌面作为同一站点提供服务(How to configure Composite C1 to serve .m and desktop as the same site)
  • 不适用:悬停在悬停时:在元素之前[复制](Don't apply :hover when hovering on :before element [duplicate])
  • 常见的python rpc和cli接口(Common python rpc and cli interface)
  • Mysql DB单个字段匹配多个其他字段(Mysql DB single field matching to multiple other fields)
  • 产品页面上的Magento Up出售对齐问题(Magento Up sell alignment issue on the products page)