JavaScript初學(xué)者的10個迷你技巧第1/2頁
更新時間:2010年09月04日 19:50:42 作者:
雖然JavaScript有很多的編程方法,但這里只挑選了10個技巧,這些技巧對初學(xué)者理解JavaScript來說是很好的的起點。
在之前的編程語言排行榜中,我們曾介紹過轉(zhuǎn)正在即的JavaScript語言,正如文章中闡明的那樣,JavaScript不僅是最具活力的腳本語言,還是是最有用的編程語言之一。因為絕大多數(shù)的瀏覽器都和它兼容,你可以在這些瀏覽器中使用它。JavaScript被接受的相當(dāng)快,因為它是如此的簡單,而且使用范圍相當(dāng)廣泛。許多程序員過去常常認(rèn)為JavaScript是一門“玩具語言”,但是,AJAX進入市場后表現(xiàn)出了完全相反的一面,它讓JavaScript展現(xiàn)出了完全不同的能力和功能。
由于這個發(fā)明的出現(xiàn),程序員現(xiàn)在已經(jīng)可以創(chuàng)建帶有桌面應(yīng)用程序效果的Web應(yīng)用程序了,這是很有益處的,因為數(shù)據(jù)可以更快地改變。這是一些迷你技巧,它們可以幫助初學(xué)者更好地使用JavaScript。JavaScript的使用范圍相當(dāng)廣泛,而且還有這么多的風(fēng)格,所以它可以有很多的技巧。另外,雖然它很多的編程方法,但是我只挑選了10個技巧,我認(rèn)為這些技巧對初學(xué)者理解JavaScript來說是很好的的起點。
1,在一個數(shù)組的最后添加一個元素
這個技巧可以讓你使用Length屬性在一個數(shù)組的最后添加一個元素,因為Length屬性比數(shù)組的最后一個元素的下標(biāo)多1。這個方法和“push”方法是相同的。例如:
var myArray = [];
myArray[myArray.length] = 'New Element';
2,調(diào)整一個數(shù)組的長度
Length屬性不是只讀的,所以你可以設(shè)置Length屬性的值。而且,你可以使用它增大或縮小數(shù)組的長度。例如:
var myArray = [1,2,3];
myArray.length // 3
myArray.length = 2; //Delete the last element
myArray.length = 20 // add 18 elements to the array; the elements have the undefined value.
3,使用“!!”把任意數(shù)據(jù)類型轉(zhuǎn)換成Boolean
這個技術(shù)可以讓你使用“!!”把任意數(shù)據(jù)類型(比如string, number或integer)轉(zhuǎn)換成Boolean。例如:
var myString = '23255';
typeof myString; //String
myString = !!myString;
typeof myString //Boolean
4,把Number轉(zhuǎn)換成String
這個技巧可以讓你在number的結(jié)尾添加一個空的string來把number轉(zhuǎn)換成string,例如:
var mynumber = 234;
typeof mynumber; //Number
mynumber += '';
typeof mynumber; //String
5,了解一個函數(shù)需要多少個變量
這是一個偉大的技巧,可以讓你準(zhǔn)確地知道一個函數(shù)需要多少個變量。例如:
function add_nums(num1, num2){
return num1 + num2;
}
add_nums.length // 2 is the amount of parameters expected by the function add_nums
6,使用“arguments”對象來了解一個函數(shù)接收到了多少個參數(shù)
這個技術(shù)可以讓你使用“arguments”對象來了解一個函數(shù)接收到了多少個參數(shù)。例如:
function add_nums(){
return arguments.length;
}
add_nums(23,11,32,56,89,89,89,44,6); //this return the number 9
當(dāng)你需要檢查參數(shù)個數(shù)的有效性的時候,或者當(dāng)你需要創(chuàng)建一個不確定參數(shù)個數(shù)的函數(shù)的時候,這個技巧是很有用的。
function sum_three_nums( ){
if(arguments.length!=3) throw new Error('received ' + arguments.length + ' parameters and should work with 3');
}
sum_three_nums(23,43); //Return the error message
function sum_num(){
var total = 0;
for(var i=0;i<arguments .length;i++){
total+=arguments[i];
}
return total;
}
sum_num(2,34,45,56,56);
由于這個發(fā)明的出現(xiàn),程序員現(xiàn)在已經(jīng)可以創(chuàng)建帶有桌面應(yīng)用程序效果的Web應(yīng)用程序了,這是很有益處的,因為數(shù)據(jù)可以更快地改變。這是一些迷你技巧,它們可以幫助初學(xué)者更好地使用JavaScript。JavaScript的使用范圍相當(dāng)廣泛,而且還有這么多的風(fēng)格,所以它可以有很多的技巧。另外,雖然它很多的編程方法,但是我只挑選了10個技巧,我認(rèn)為這些技巧對初學(xué)者理解JavaScript來說是很好的的起點。
1,在一個數(shù)組的最后添加一個元素
這個技巧可以讓你使用Length屬性在一個數(shù)組的最后添加一個元素,因為Length屬性比數(shù)組的最后一個元素的下標(biāo)多1。這個方法和“push”方法是相同的。例如:
復(fù)制代碼 代碼如下:
var myArray = [];
myArray[myArray.length] = 'New Element';
2,調(diào)整一個數(shù)組的長度
Length屬性不是只讀的,所以你可以設(shè)置Length屬性的值。而且,你可以使用它增大或縮小數(shù)組的長度。例如:
復(fù)制代碼 代碼如下:
var myArray = [1,2,3];
myArray.length // 3
myArray.length = 2; //Delete the last element
myArray.length = 20 // add 18 elements to the array; the elements have the undefined value.
3,使用“!!”把任意數(shù)據(jù)類型轉(zhuǎn)換成Boolean
這個技術(shù)可以讓你使用“!!”把任意數(shù)據(jù)類型(比如string, number或integer)轉(zhuǎn)換成Boolean。例如:
復(fù)制代碼 代碼如下:
var myString = '23255';
typeof myString; //String
myString = !!myString;
typeof myString //Boolean
4,把Number轉(zhuǎn)換成String
這個技巧可以讓你在number的結(jié)尾添加一個空的string來把number轉(zhuǎn)換成string,例如:
復(fù)制代碼 代碼如下:
var mynumber = 234;
typeof mynumber; //Number
mynumber += '';
typeof mynumber; //String
5,了解一個函數(shù)需要多少個變量
這是一個偉大的技巧,可以讓你準(zhǔn)確地知道一個函數(shù)需要多少個變量。例如:
復(fù)制代碼 代碼如下:
function add_nums(num1, num2){
return num1 + num2;
}
add_nums.length // 2 is the amount of parameters expected by the function add_nums
6,使用“arguments”對象來了解一個函數(shù)接收到了多少個參數(shù)
這個技術(shù)可以讓你使用“arguments”對象來了解一個函數(shù)接收到了多少個參數(shù)。例如:
復(fù)制代碼 代碼如下:
function add_nums(){
return arguments.length;
}
add_nums(23,11,32,56,89,89,89,44,6); //this return the number 9
當(dāng)你需要檢查參數(shù)個數(shù)的有效性的時候,或者當(dāng)你需要創(chuàng)建一個不確定參數(shù)個數(shù)的函數(shù)的時候,這個技巧是很有用的。
復(fù)制代碼 代碼如下:
function sum_three_nums( ){
if(arguments.length!=3) throw new Error('received ' + arguments.length + ' parameters and should work with 3');
}
sum_three_nums(23,43); //Return the error message
function sum_num(){
var total = 0;
for(var i=0;i<arguments .length;i++){
total+=arguments[i];
}
return total;
}
sum_num(2,34,45,56,56);
您可能感興趣的文章:
- JS常見疑難點分析之match,charAt,charCodeAt,map,search用法分析
- Javascript技術(shù)難點之a(chǎn)pply,call與this之間的銜接
- javascript下數(shù)值型比較難點說明
- 初學(xué)js 新節(jié)點的創(chuàng)建 刪除 的步驟
- 初學(xué)JavaScript_03(ExtJs Grid的簡單使用)
- 初學(xué)js者對javascript面向?qū)ο蟮恼J(rèn)識分析
- 國外的為初學(xué)者寫的JavaScript教程
- 走出JavaScript初學(xué)困境—js初學(xué)
- 初學(xué)JavaScript第一章
- 你有必要知道的10個JavaScript難點
相關(guān)文章
iscroll動態(tài)加載數(shù)據(jù)完美解決方法
這篇文章主要為大家詳細(xì)介紹了iscroll動態(tài)加載數(shù)據(jù)的完美解決方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-07-07JavaScript預(yù)解析及相關(guān)技巧分析
這篇文章主要介紹了JavaScript預(yù)解析及相關(guān)技巧,結(jié)合實例形式分析了JavaScript與解析的原理,步驟與相關(guān)技巧,需要的朋友可以參考下2016-04-04javascript 設(shè)為首頁與加入收藏兼容多瀏覽器代碼
javascript 設(shè)為首頁與加入收藏兼容多瀏覽器代碼,不過由于ie7的特殊性,設(shè)為首頁不能使用,不過其它基于ie內(nèi)核的瀏覽器都是支持的。2011-01-01