深入理解javascript學習筆記（一） 編寫高質量代碼
更新時間：2012年08月09日 15:52:28 作者：
編寫高質量JavaScript的一些要素，例如避免全局變量，使用單變量聲明，在循環(huán)中預緩存length(長度)，遵循代碼閱讀，以及更多
一、變量
•全局變量
JavaScript的兩個特征，不自覺地創(chuàng)建出全局變量是出乎意料的容易。首先，你可以甚至不需要聲明就可以使用變量；第二，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創(chuàng)建的全局變量（任何函數(shù)之外的程序中創(chuàng)建）是不能被刪除的。無var創(chuàng)建的隱式全局變量（無視是否在函數(shù)中創(chuàng)建）是能被刪除的。
// 定義三個全局變量
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形式聲明變量
在函數(shù)頂部使用單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循環(huán)
•建議使用
function looper() {
var i = 0,
max,
myarray = [];
// ...
for (i = 0, max = myarray.length; i < max; i++) {
// 使用myarray[i]做點什么
}
}
使用以下表達式代替i++
i = i + 1
i += 1以下兩種循環(huán)方式更快
//第一種變化的形式：
var i, myarray = [];
for (i = myarray.length; i–-;) {
// 使用myarray[i]做點什么
}
//第二種使用while循環(huán)：
var myarray = [],
i = myarray.length;
while (i–-) {
// 使用myarray[i]做點什么
}
•for-in循環(huán)
應用在非數(shù)組對象的遍歷上，數(shù)組使用正常的for循環(huán)，對象使用for-in循環(huán)。使用hasOwnProperty()方法，當遍歷對象屬性的時候可以過濾掉從原型鏈上下來的屬性。
三 避免隱式類型轉換
•堅持使用===和！==
四 避免使用eval，以及避免給setInterval(), setTimeout()和Function()構造函數(shù)傳遞字符串，用函數(shù)代替。
五 parseInt（）數(shù)值轉換
建議給基數(shù)參數(shù)賦值，
var month = "06",
year = "09";
month = parseInt(month, 10);//開頭為0的字符串會被當做8進制處理
year = parseInt(year, 10);
六 編程規(guī)范
構造函數(shù)命名：MyConstructor();
一般函數(shù)命名：myFunction();
變量命名：firstName;
私有屬性或方法：_secondeName,
常量：PI,MAX;
•全局變量
JavaScript的兩個特征，不自覺地創(chuàng)建出全局變量是出乎意料的容易。首先，你可以甚至不需要聲明就可以使用變量；第二，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創(chuàng)建的全局變量（任何函數(shù)之外的程序中創(chuàng)建）是不能被刪除的。無var創(chuàng)建的隱式全局變量（無視是否在函數(shù)中創(chuàng)建）是能被刪除的。
復制代碼 代碼如下:
// 定義三個全局變量
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形式聲明變量
在函數(shù)頂部使用單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循環(huán)
•建議使用
復制代碼 代碼如下:
function looper() {
var i = 0,
max,
myarray = [];
// ...
for (i = 0, max = myarray.length; i < max; i++) {
// 使用myarray[i]做點什么
}
}
使用以下表達式代替i++
復制代碼 代碼如下:
i = i + 1
i += 1以下兩種循環(huán)方式更快
//第一種變化的形式：
var i, myarray = [];
for (i = myarray.length; i–-;) {
// 使用myarray[i]做點什么
}
//第二種使用while循環(huán)：
var myarray = [],
i = myarray.length;
while (i–-) {
// 使用myarray[i]做點什么
}
•for-in循環(huán)
應用在非數(shù)組對象的遍歷上，數(shù)組使用正常的for循環(huán)，對象使用for-in循環(huán)。使用hasOwnProperty()方法，當遍歷對象屬性的時候可以過濾掉從原型鏈上下來的屬性。
三 避免隱式類型轉換
•堅持使用===和！==
四 避免使用eval，以及避免給setInterval(), setTimeout()和Function()構造函數(shù)傳遞字符串，用函數(shù)代替。
五 parseInt（）數(shù)值轉換
建議給基數(shù)參數(shù)賦值，
復制代碼 代碼如下:
var month = "06",
year = "09";
month = parseInt(month, 10);//開頭為0的字符串會被當做8進制處理
year = parseInt(year, 10);
六 編程規(guī)范
構造函數(shù)命名：MyConstructor();
一般函數(shù)命名：myFunction();
變量命名：firstName;
私有屬性或方法：_secondeName,
常量：PI,MAX;
相關文章
這篇文章主要介紹了javascript淺層克隆、深度克隆對比及實例解析,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-02-02
適用于Asp。 在主域名設置的Cookie，在各子域名共用；適用于博客等提供二級域名。這個問題，以網上有眾多帖子，可惜都沒有完整解決。2008-08-08
既然說到了JavaScript,那么就會繞不過去執(zhí)行上下文,只有理解了執(zhí)行上下文才能更好的理解JavaScript本身,不過本部分不是專門講解?JavaScript的,主要從JavaScript的執(zhí)行順序開始介紹一下JavaScript是怎樣運行的2023-09-09
本文主要介紹了JS實現(xiàn)異步文件上傳的相關資料，具有很好的參考價值。下面跟著小編一起來看下吧2017-04-04
Javascript中有3個事件句柄在對應鍵盤的輸入狀態(tài):按鍵被按下（按下按鍵但還沒有抬起）、點擊按鍵（按下并抬起按鍵）、按鍵抬起（按鍵抬起之后）,接下來詳細介紹，感興趣的朋友可以了解下2013-01-01
這篇文章主要介紹了ant-design-pro使用qiankun微服務詳解,其實微服務需要有主應用和子應用，?一個子應用可以配置多個相關聯(lián)的主應用,配置方法都是一樣的，對ant-design-pro微服務配置相關知識，感興趣的朋友一起看看吧2022-03-03
用js實現(xiàn)表格的拖拽效果代碼2008-05-05
原生js實現(xiàn)數(shù)字字母混合驗證碼的簡單實例
這篇文章主要介紹了原生js實現(xiàn)數(shù)字字母混合驗證碼的簡單實例，注釋很詳細，感興趣的小伙伴們可以參考一下2015-12-12
PHP讀取遠程txt文檔到數(shù)組并實現(xiàn)遍歷
這篇文章主要介紹了PHP讀取遠程txt文檔到數(shù)組并實現(xiàn)遍歷,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-08-08
這篇文章主要給大家介紹了關于js判斷對象是否存在某個屬性的幾種辦法技巧,判斷對象中是否有某屬性的常見方式總結,不同的場景要使用不同的方式,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2023-12-12