zoukankan      html  css  js  c++  java
  • [转] Try to use one var statement per scope in JavaScript

    JavaScript’s var statement declares and optionally initializes one or more variables in the scope of the current function (or as global variables when used outside a function). Since var accepts multiple declarations, separated by commas, there’s usually no reason to use it more than once per function; it’s just a waste of bytes and—especially if you redeclare variables inside a loop—CPU cycles.

    Overuse of var statements is one of the most common problems I see in JavaScript code. I was guilty of it myself for quite a while and it took me a long time to break the habit.

    Bad:

    function getElementsByClassName(className, tagName, root) {
      var elements = [];
      var root     = root || document;
      var tagName  = tagName || '*';
      var haystack = root.getElementsByTagName(tagName);
      var regex    = new RegExp('(?:^|\\s+)' + className + '(?:\\s+|$)');
     
      for (var i = 0, length = haystack.length; i < length; ++i) {
        var el = haystack[i];
     
        if (el.className && regex.test(el.className)) {
          elements.push(el);
        }
      }
     
      return elements;
    }
    

    There are several things wrong with the example above.

    The most obvious problem is that I’ve used the var statement no less than seven times. Somewhat less obvious, but far worse: I’ve used it inside a loop, which means that I’m unnecessarily redeclaring a variable on each iteration. I’ve also unnecessarily redeclared two variables that were passed in as function arguments.

    Naturally, there’s a much better way to do this.

    Good:

    function getElementsByClassName(className, tagName, root) {
      root    = root || document;
      tagName = tagName || '*';
    
      var elements = [],
          haystack = root.getElementsByTagName(tagName),
          length   = haystack.length,
          regex    = new RegExp('(?:^|\\s+)' + className + '(?:\\s+|$)'),
          el, i;
    
      for (i = 0; i < length; ++i) {
        el = haystack[i];
    
        if (el.className && regex.test(el.className)) {
          elements.push(el);
        }
      }
    
      return elements;
    }
    

    There are circumstances in which it is actually necessary to redeclare a variable within a single scope, but they’re very rare, and are more often than not a warning sign that you need to rethink the code you’re writing.

  • 相关阅读:
    webStorm 快捷键 + 浏览器
    Linux安装nodejs和npm
    jQuery页面滚动底部加载数据
    html跳转指定位置-利用锚点
    JavaScript自定义对象
    vue v-time指令封装(接口返回时间戳 在到日期转换)
    vue 之 引入elementUI(两步走)
    小白6步搞定vue脚手架创建项目
    vue 封装组件
    npm dev run 报错
  • 原文地址:https://www.cnblogs.com/JulyZhang/p/1979619.html
Copyright © 2011-2022 走看看