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

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

WBOY

Lepaskan： 2016-05-16 17:51:05

asal

1010 orang telah melayarinya

一、变量

•全局变量
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 // 使用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;

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

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