前端开发特性提升填补篇

function getCategory(age) {
    var category = "";
    switch (true) {
        case isNaN(age):
            category = "not an age";
            break;
        case (age >= 50):
            category = "Old";
            break;
        case (age <= 20):
            category = "Baby";
            break;
        default:
            category = "Young";
            break;
    };
    return category;
}
getCategory(5);  //Baby

var str = "<div>这是1个检测标识符串</div>";
/**高效率低**/
var obj = document.getElementsByTagName("body");
for(var i = 0; i < 100; i++){
    obj.innerHTML += str + i;
}
/**高效率高**/
var obj = document.getElementsByTagName("body");
var arr = [];
for(var i = 0; i < 100; i++){
    arr[i] = str + i;
}
obj.innerHTML = arr.join("");

/**不倡导**/
var i = 1;
var j = "hello";
var arr = [1,2,3];
var now = new Date();
/**倡导**/
var i = 1,
    j = "hello",
    arr = [1,2,3],
    now = new Date();

/**不倡导**/
var name = values[i];
i++;
/**倡导**/
var name = values[i++];

/**不倡导**/
var a = new Array();
a[0] = 1;
a[1] = "hello";
a[2] = 45;
var o = new Obejct();
o.name = "bill";
o.age = 13;
/**倡导**/
var a = [1, "hello", 45];
var o = {
    name : "bill",
    age : 13
};

String()属于內部涵数，因此速率很快。
.toString()要查寻原形中的涵数，因此速率略慢。
new String()最慢。

/**高效率低**/   
var divs = document.getElementsByTagName("div");    
for(var i = 0; i < divs.length; i++){   
    ...  
}    
/**高效率高，可用于获得DOM结合，假如纯数字能量数组则两种状况差别不大**/  
var divs = document.getElementsByTagName("div");   
for(var i = 0, len = divs.length; i < len; i++){   
    ... 
}

try {
  for ( var i = 0; i < 200; i++) {}
} catch (e){}

涵数的启用
with句子
with会建立自已的功效域，因而会提升在其中实行编码的功效域的长度。
全局性功效域。

var foo = function() {
  var local = {};
};
foo();
console.log(local); //=> undefined

var bar = function() {
  local = {};
};
bar();
console.log(local); //=> {}

/**这里大家界定了foo()涵数和bar()涵数，她们的用意全是以便界定1个名为local的自变量。在foo()涵数中，大家应用var句子来申明界定了1个local自变量，而由于涵数身体部会产生1个功效域，因此这个自变量便被界定到该功效域中。并且foo()涵数身体并沒有做任何功效域拓宽的解决，因此在该涵数实行结束后，这个local自变量也随之被消毁。而出外层功效域中则没法浏览到该自变量。而在bar()涵数内，local自变量并沒有应用var句子开展申明，取而代之的是立即把local做为全局性自变量来界定。故外层功效域能够浏览到这个自变量。**/

local = {};
// 这里的界定等效于
global.local = {};

function foo() {
  var val = 'hello';
  function bar() {
    function baz() {
      global.val = 'world;'
    };
    baz();
    console.log(val); //=> hello
  };
  bar();
};
foo();

/**在`JAVASCRIPT`中，自变量标志符的搜索是从当今功效域刚开始向外搜索，直至全局性功效域为止。因此`JAVASCRIPT`编码中对自变量的浏览只能向外开展，而不可以逆而行之。baz()涵数的实行在全局性功效域中界定了1个全局性自变量val。而在bar()涵数中，对val这1标志符开展浏览时，依照从内到外的搜索标准：在bar涵数的功效域中沒有寻找，便到上1层，即foo()涵数的功效域中搜索。但是，使大伙儿造成疑虑的重要就在这里：本次标志符浏览在foo()涵数的功效域中寻找了合乎的自变量，便不容易再次向外搜索，故在baz()涵数中界定的全局性自变量val并沒有在本次自变量浏览中造成危害。**/

/**高效率低**/
for(var i = 0; i < 10000; i++){
    var but1 = document.getElementById("but1");
}
/**高效率高**/
/**防止全局性搜索**/
var doc = document;
for(var i = 0; i < 10000; i++){
    var but1 = doc.getElementById("but1");
}
/**上面编码中，第2种状况是先把全局性目标的自变量放到涵数里边先储存下来，随后立即浏览这个自变量，而第1种状况是每次都遍历功效域链，直至全局性自然环境，大家看到第2种状况具体上只遍历了1次，而第1种状况确是每次都遍历了，并且这类区别在多级别功效域链和好几个全局性自变量的状况下还会主要表现的十分显著。在功效域链搜索的次数是`O(n)`。根据建立1个指向`document`的部分自变量，便可以根据限定1次全局性搜索来改善这个涵数的特性。**/

function foo() {
  var local = 'Hello';
  return function() {
    return local;
  };
}
var bar = foo();
console.log(bar()); //=> Hello

/**这里所展现的让外层功效域浏览里层功效域的技术性就是闭包(Closure)。得益于高级涵数的运用，使foo()涵数的功效域获得`拓宽`。foo()涵数回到了1个密名涵数，该涵数存在于foo()涵数的功效域内，因此能够浏览到foo()涵数功效域内的local自变量，并储存其引入。而因这个涵数立即回到了local自变量，因此出外层功效域中即可立即实行bar()涵数以得到local自变量。**/

循环系统关联恶性事件，大家假定1个情景：有6个按钮，各自对应6种恶性事件，当客户点一下按钮时，在特定的地区輸出相应的恶性事件。

var btns = document.querySelectorAll('.btn'); // 6 elements
var output = document.querySelector('#output');
var events = [1, 2, 3, 4, 5, 6];
// Case 1
for (var i = 0; i < btns.length; i++) {
  btns[i].onclick = function(evt) {
    output.innerText += 'Clicked ' + events[i];
  };
}
/**这里第1个处理计划方案明显是典型的循环系统关联恶性事件不正确，这里不细说，详尽能够参考我给1个网友的回应；而第2和第3个计划方案的差别就在于闭包传入的主要参数。**/
// Case 2
for (var i = 0; i < btns.length; i++) {
  btns[i].onclick = (function(index) {
    return function(evt) {
      output.innerText += 'Clicked ' + events[index];
    };
  })(i);
}
/**第2个计划方案传入的主要参数是当今循环系统下标，然后者是立即传入相应的恶性事件目标。客观事实上，后者更合适在很多数据信息运用的情况下，由于在JavaScript的涵数式程序编写中，涵数启用时传入的主要参数是基础种类目标，那末在涵数身体获得的形参会是1个拷贝值，这样这个值就被作为1个部分自变量界定在涵数体的功效域内，在进行恶性事件关联以后便可以对events自变量开展手工制作消除引入，以减轻外层功效域中的运行内存占有了。并且当某个元素被删掉时，相应的恶性事件监视涵数、恶性事件目标、闭包涵数也随之被消毁收购。**/
// Case 3
for (var i = 0; i < btns.length; i++) {
  btns[i].onclick = (function(event) {
    return function(evt) {
      output.innerText += 'Clicked ' + event;
    };
  })(events[i]);
}

;(function() { // 主业务流程编码 })();

;(function(win, doc, $, undefined) {
  // 主业务流程编码
})(window, document, jQuery);

/**RequireJS**/
define(['jquery'], function($) {
  // 主业务流程编码
});
/**SeaJS**/
define('m​​odule', ['dep', 'underscore'], function($, _) {
  // 主业务流程编码
});

function getData(callBack){
    $.ajax({
        url:"",
        data:{},
        dataType:"json",
        type:"get",
        success:function(data){
            callBack(null,data)
        }
    })

}

getData(function(error,data){
 console.log(data)
})

var arr = [1,2,3,4,5];
var arr2 = [];

 arr[arr.length] = 6; // 最快
arr.push(6); // 慢34.66%
arr2 = arr.concat([6]); // 慢85.79%

var arr = [1,2,3,4,5];
arr.unshift(0); 
[0].concat(arr);

[0].concat(arr); // 快
arr.unshift(0); // 慢64.70%

var items = ['one', 'two', 'three', 'four'];
items.splice(items.length / 2, 0, 'hello');