深入理解javascript学习笔记（一）编写高质量代码

一、变量

• 全局变量

JavaScript的两个特征，不自觉地创建出全局变量是出乎意料的容易。首先，你可以甚至不需要声明就可以使用变量；第二，JavaScript有隐含的全局概念，意味着你不声明的任何变量都会成为一个全局对象属性（不是真正意义上的全局变量，可以用delete删除）

 

function  sum(x,y) {
    // result 未声明，为隐式全局变量
    result = x + y;
    return result;
}

 

function  foo() {
    // 使用任务链进行部分var声明，b为隐式全局变量
    var a = b = 1;    
}

建议：

function  (x,y) {
    var a ,b ;    
    a = b = 1;//a,b 为局部变量
}

• var作用

通过var创建的全局变量（任何函数之外的程序中创建）是不能被删除的。无var创建的隐式全局变量（无视是否在函数中创建）是能被删除的。

// 定义三个全局变量
var global_var = 1; 
global_novar = 2; // 反面教材
(function () {
   global_fromfunc = 3; // 反面教材
}());

// 试图删除
delete global_var; // false
delete global_novar; // true
delete global_fromfunc; // true

// 测试该删除
typeof global_var; // "number"
typeof global_novar; // "undefined"
typeof global_fromfunc; // "undefined"

• 单var形式声明变量

在函数顶部使用单var语句是比较有用的一种形式。所有未初始化但声明的变量的初始值是undefined

function func() {
   var a = 1,
       b = 2,
       sum = a + b,
       myobject = {},
       i,
       j;
   // function body...
}

• var散布问题

// 反例
myname = "global"; // 全局变量
function func() {
    alert(myname); //"undefined" 
    var myname = "local"; alert(myname); // "local" 
} 
func();

等同于：

myname = "global"; // global variable
function func() {
   var myname; // 等同于 -> var myname = undefined;
   alert(myname); // "undefined"
   myname = "local";
   alert(myname); // "local"}
func();

二 for循环

• 建议使用

function looper() {
   var i = 0,
        max,
        myarray = [];
   // ...
   for (i = 0, max = myarray.length; i < max; i++) {
      // 使用myarray[i]做点什么
   }
}

使用以下表达式代替i++

i = i + 1
i += 1

以下两种循环方式更快

//第一种变化的形式：

var i, myarray = [];
for (i = myarray.length; i–-;) {
   // 使用myarray[i]做点什么
}

//第二种使用while循环：

var myarray = [],
    i = myarray.length;
while (i–-) {
   // 使用myarray[i]做点什么
}

• for-in循环

应用在非数组对象的遍历上，数组使用正常的for循环，对象使用for-in循环。使用hasOwnProperty()方法，当遍历对象属性的时候可以过滤掉从原型链上下来的属性。

三 避免隐式类型转换

• 坚持使用===和！==

四 避免使用eval，以及避免给setInterval(), setTimeout()和Function()构造函数传递字符串，用函数代替。

五 parseInt（）数值转换

建议给基数参数赋值，

var month = "06",
      year = "09";
month = parseInt(month, 10);//开头为0的字符串会被当做8进制处理
year = parseInt(year, 10);

六 编程规范

构造函数命名：MyConstructor();

一般函数命名：myFunction();

变量命名：firstName;

私有属性或方法：_secondeName,

常量：PI,MAX;