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

编写高质量JavaScript的一些要素,例如避免全局变量,使用单变量声明,在循环中预缓存length(长度),遵循代码阅读,以及更多

一、变量

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

分类:javascript技巧 时间:2014-06-26 人气:1
本文关键词: 编写高质量代码
分享到:

相关文章

iOS 开发

Android 开发

Python 开发

JAVA 开发

开发语言

PHP 开发

Ruby 开发

搜索

前端开发

数据库

开发工具

开放平台

Javascript 开发

.NET 开发

云计算

服务器

Copyright (C) codeweblog.com, All Rights Reserved.

CodeWeblog.com 版权所有 闽ICP备15018612号

processed in 0.035 (s). 10 q(s)