全局变量的问题
- javasript有隐含的全局概念，意味着不声明的任何变量都会成为一个全局对象属性（隐式全局变量），** 我们应始终使用var声明变量**
- 使用任务链进行部分var声明会创建隐式全局变量
// 反例，勿使用
function foo() {
var a = b = 0;
// ...
}
a是本地变量但b是全局变量
忘记var的副作用
- 隐式全局变量和明确定义的全局变量间有些小的差异，就是通过delete操作符让变量未定义的能力。
- 通过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"
这表明，在技术上，隐式全局变量并不是真正的全局变量，但它们是全局对象的属性。属性是可以通过delete操作符删除的，而变量是不能的
访问全局变量
var global=(function(){
return this;
})();
单var形式
function func() {
var a = 1,
b = 2,
sum = a + b,
myobject = {},
i,
j;
// function body...
}
预解析：var散布问题
- 函数中的变量提升，在js中，你可以在函数的任何位置声明多个var语句，并且它们就像在函数顶部声明一样发挥作用
// 反例
myname = "global"; // 全局变量
function func() {
alert(myname); // "undefined"
var myname = "local";
alert(myname); // "local"
}
func();
第一个弹出的是“undefined”，第二个弹出是“local”，上面代码执行行为如下：
myname = "global"; // global variable
function func() {
var myname; // 等同于 -> var myname = undefined;
alert(myname); // "undefined"
myname = "local";
alert(myname); // "local"}
func();
for循环
// 次佳的循环
for (var i = 0; i < myarray.length; i++) {
// 使用myarray[i]做点什么
}
- 这种形式的循环的不足在于每次循环时都要获取数组的长度，尤其是当myarray不是一个数组而是DOM 方法返回的对象，这意味着每次访问长度，都要实时查询DOM，方法：
- 缓存数组或集合的长度
function looper() {
var i = 0,
max,
myarray = [];
// ...
for (i = 0, max = myarray.length; i < max; i++) {
// 使用myarray[i]做点什么
}
}
- 使用i=i+1或者i+=1来替换i++
- 还有两种变化形式：少了一个变量（无max），向下数到0，通常比较快
//第一种变化的形式：
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()方法，当遍历对象属性的时候可以过滤掉从原型链上下来的属性
// 对象
var man = {
hands: 2,
legs: 2,
heads: 1
};
// 在代码的某个地方
// 一个方法添加给了所有对象
if (typeof Object.prototype.clone === "undefined") {
Object.prototype.clone = function () {};
}
