深入理解javascript学习笔记（一） 编写高质量代码
更新时间：2012年08月09日 15:52:28 作者：
编写高质量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的两个特征，不自觉地创建出全局变量是出乎意料的容易。首先，你可以甚至不需要声明就可以使用变量；第二，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;
相关文章
这篇文章主要为大家详细介绍了微信小程序实现打卡日历功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-11-11
js构造函数constructor和原型prototype原理与用法实例分析
这篇文章主要介绍了js构造函数constructor和原型prototype原理与用法,结合实例形式分析js构造函数constructor和原型prototype基本原理、功能、使用方法及操作注意事项,需要的朋友可以参考下2020-03-03
这篇文章主要为大家详细介绍了js实现鼠标跟随运动效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-09-09
本文给大家介绍的是是一款javascript弹出层特效,支持点击触发js弹出层,滑过触发js弹出层,带动画效果js弹出层,可自定义函数回调js弹出层。2015-05-05
移动端的开发过程中，免不了要判断横竖屏，然后在执行其他操作，比如分别加载不同样式，横屏显示某些内容，竖屏显示其他内容等等。2016-05-05
这篇文章主要给大家介绍了关于如何在微信小程序中使用less(最优方式)的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-03-03
这是一个非常有趣的题目。我们先从Object.prototype.toString入手，看能否解决它。2010-02-02
我们经常使用 window.onload 来处理页面，当页面加载完成做一些事情。但这个 window.onload 是页面全部加载完成，甚至包括图片,下面我们就来详细探讨下window.onload的用法2015-09-09
下面小编就为大家带来一篇模仿password输入框的实现代码。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-06-06
这篇文章主要介绍了原生js实现顶部导航栏显示按钮+搜索框功能，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2019-12-12
最新评论