javascript真的不難-回顧一下基礎(chǔ)知識(shí)
更新時(shí)間:2013年01月15日 14:33:14 作者:
先來學(xué)習(xí)一下Javascript語(yǔ)言中的基礎(chǔ)知識(shí)問題其時(shí)對(duì)于每種編程語(yǔ)言來說基礎(chǔ)知識(shí)都是大同小異的,對(duì)變量,函數(shù),條件語(yǔ)句塊,循環(huán)語(yǔ)句塊等等,本文簡(jiǎn)要介紹一下,感興趣的朋友可以了解下
前言
說Jquery之前,先來學(xué)習(xí)一下Javascript(以后簡(jiǎn)稱為JS)語(yǔ)言中的基礎(chǔ)知識(shí)問題,其時(shí)對(duì)于每種編程語(yǔ)言來說基礎(chǔ)知識(shí)都是大同小異的,對(duì)變量,函數(shù),條件語(yǔ)句塊,循環(huán)語(yǔ)句塊等等,而對(duì)于每種語(yǔ)言在寫法上到是顯得各有不同,如JS里在定義變量時(shí),你要用var去聲局部變量的聲明,而對(duì)于弱類型的語(yǔ)言JS來說,你也可以不加var,但不加它會(huì)認(rèn)為這個(gè)變量為全局變量,這是要注意的。
變量
在程序運(yùn)行過程中,其值可以發(fā)生改變的(呵呵,10多年前書上的定義)
var people ; //聲明一個(gè)名為people的變量
var people="good boy" ; //聲明變量的同時(shí)為它賦值,瀏覽器自動(dòng)解釋它為字符型變量
var age=23; //聲明一個(gè)局部變量,類型為整形
age=30 ; //聲明一個(gè)全局變量,類型為整形,在程序執(zhí)行過程中,它不會(huì)被釋放
函數(shù)
為了實(shí)現(xiàn)一個(gè)功能,將一些代碼塊組織在一起,形成一個(gè)整體,我們叫它函數(shù)function,它可以大大減小代碼的重復(fù)量,并使程序更清晰
// 標(biāo)準(zhǔn)寫法
funciton helloFun(){
alert("hellow world")
}
// 變量形式的寫法
var helloFun=function(){
alert("hellow world")
}
// 函數(shù)可以有參數(shù),它異為弱類型
var helloFun=function(msg){
alert(msg);
}
// 函數(shù)的調(diào)用
helloFun("hello world");
條件語(yǔ)句
對(duì)于一件事,有多種結(jié)果,這時(shí)條件語(yǔ)句就出場(chǎng)了,如果條件固定幾個(gè)值,可以用switch,否則使用if...else,看代碼
// switch實(shí)例
var inputNumber=document.getElementByID("type");
switch(inputNumber)
{
case 1:
alert("類型1號(hào)");
break;
case 2:
alert("類型2號(hào)");
break;
case 3:
alert("類型3號(hào)");
break;
default:
alert("throw new Exception()");
break;
}
// if實(shí)例
var inputAge=document.getElementByID("age");
if(inputAge>1 && inputAge<18)
{
alert("未成年");
}
else if (inputAge>=18 && inputAge<70)
{
alert("成年人");
}
else if(inputAge>=70)
{
alert("老年人")
}
else
{
alert("填寫表單有誤");
}
循環(huán)語(yǔ)句
即在附和某個(gè)條件的時(shí)候,重復(fù)的執(zhí)行某個(gè)代碼塊,我們可以使用while ,for等等
// for循環(huán)
var arr=[1,2,3]
for(int i=0;j=Arr.length;i<j;i++){
console.log(arr[i]); // 火狐的控制臺(tái)可以看到結(jié)果
}
事實(shí)上,在JS世界,對(duì)于代碼的執(zhí)行性能也是很有講究的,我們?cè)趂or語(yǔ)句的寫法性能不是錯(cuò)的,但如果寫成下面的,性能會(huì)有所下降,因?yàn)樗看?
遍歷時(shí),都會(huì)去求Arr的長(zhǎng)度。
// for循環(huán)
var arr=[1,2,3]
for(int i=0;i<Arr.length;i++){
console.log(arr[i]); // 性能不好的
}
好了,對(duì)于JS編程基礎(chǔ)知識(shí)就寫到這里,從下回開始,將介紹jquery的相關(guān)知識(shí)了,感謝閱讀!
說Jquery之前,先來學(xué)習(xí)一下Javascript(以后簡(jiǎn)稱為JS)語(yǔ)言中的基礎(chǔ)知識(shí)問題,其時(shí)對(duì)于每種編程語(yǔ)言來說基礎(chǔ)知識(shí)都是大同小異的,對(duì)變量,函數(shù),條件語(yǔ)句塊,循環(huán)語(yǔ)句塊等等,而對(duì)于每種語(yǔ)言在寫法上到是顯得各有不同,如JS里在定義變量時(shí),你要用var去聲局部變量的聲明,而對(duì)于弱類型的語(yǔ)言JS來說,你也可以不加var,但不加它會(huì)認(rèn)為這個(gè)變量為全局變量,這是要注意的。
變量
在程序運(yùn)行過程中,其值可以發(fā)生改變的(呵呵,10多年前書上的定義)
var people ; //聲明一個(gè)名為people的變量
var people="good boy" ; //聲明變量的同時(shí)為它賦值,瀏覽器自動(dòng)解釋它為字符型變量
var age=23; //聲明一個(gè)局部變量,類型為整形
age=30 ; //聲明一個(gè)全局變量,類型為整形,在程序執(zhí)行過程中,它不會(huì)被釋放
函數(shù)
為了實(shí)現(xiàn)一個(gè)功能,將一些代碼塊組織在一起,形成一個(gè)整體,我們叫它函數(shù)function,它可以大大減小代碼的重復(fù)量,并使程序更清晰
復(fù)制代碼 代碼如下:
// 標(biāo)準(zhǔn)寫法
funciton helloFun(){
alert("hellow world")
}
// 變量形式的寫法
var helloFun=function(){
alert("hellow world")
}
// 函數(shù)可以有參數(shù),它異為弱類型
var helloFun=function(msg){
alert(msg);
}
// 函數(shù)的調(diào)用
helloFun("hello world");
條件語(yǔ)句
對(duì)于一件事,有多種結(jié)果,這時(shí)條件語(yǔ)句就出場(chǎng)了,如果條件固定幾個(gè)值,可以用switch,否則使用if...else,看代碼
復(fù)制代碼 代碼如下:
// switch實(shí)例
var inputNumber=document.getElementByID("type");
switch(inputNumber)
{
case 1:
alert("類型1號(hào)");
break;
case 2:
alert("類型2號(hào)");
break;
case 3:
alert("類型3號(hào)");
break;
default:
alert("throw new Exception()");
break;
}
// if實(shí)例
var inputAge=document.getElementByID("age");
if(inputAge>1 && inputAge<18)
{
alert("未成年");
}
else if (inputAge>=18 && inputAge<70)
{
alert("成年人");
}
else if(inputAge>=70)
{
alert("老年人")
}
else
{
alert("填寫表單有誤");
}
循環(huán)語(yǔ)句
即在附和某個(gè)條件的時(shí)候,重復(fù)的執(zhí)行某個(gè)代碼塊,我們可以使用while ,for等等
復(fù)制代碼 代碼如下:
// for循環(huán)
var arr=[1,2,3]
for(int i=0;j=Arr.length;i<j;i++){
console.log(arr[i]); // 火狐的控制臺(tái)可以看到結(jié)果
}
事實(shí)上,在JS世界,對(duì)于代碼的執(zhí)行性能也是很有講究的,我們?cè)趂or語(yǔ)句的寫法性能不是錯(cuò)的,但如果寫成下面的,性能會(huì)有所下降,因?yàn)樗看?
遍歷時(shí),都會(huì)去求Arr的長(zhǎng)度。
復(fù)制代碼 代碼如下:
// for循環(huán)
var arr=[1,2,3]
for(int i=0;i<Arr.length;i++){
console.log(arr[i]); // 性能不好的
}
好了,對(duì)于JS編程基礎(chǔ)知識(shí)就寫到這里,從下回開始,將介紹jquery的相關(guān)知識(shí)了,感謝閱讀!
您可能感興趣的文章:
- JavaScript基礎(chǔ)知識(shí)點(diǎn)歸納(推薦)
- Vue.js基礎(chǔ)知識(shí)匯總
- 第二次聊一聊JS require.js模塊化工具的基礎(chǔ)知識(shí)
- js基礎(chǔ)知識(shí)(公有方法、私有方法、特權(quán)方法)
- AngularJS基礎(chǔ)知識(shí)筆記之表格
- javascript學(xué)習(xí)筆記(一)基礎(chǔ)知識(shí)
- 7個(gè)JS基礎(chǔ)知識(shí)總結(jié)
- JavaScript 語(yǔ)言基礎(chǔ)知識(shí)點(diǎn)總結(jié)(思維導(dǎo)圖)
- JavaScript基礎(chǔ)知識(shí)之?dāng)?shù)據(jù)類型
- javascript基礎(chǔ)知識(shí)整理
- javascript基礎(chǔ)知識(shí)講解
相關(guān)文章
Javascript數(shù)組Array基礎(chǔ)介紹
本文主要是給大家簡(jiǎn)單介紹了Array的相關(guān)基礎(chǔ)知識(shí),到這里也算是能對(duì)Array有更全面的理解了,希望大家能夠喜歡,后續(xù)我們將繼續(xù)介紹關(guān)于array的內(nèi)容。2016-03-03
javascript實(shí)現(xiàn)的一個(gè)隨機(jī)點(diǎn)名功能
這篇文章主要介紹了JS實(shí)現(xiàn)的一個(gè)隨機(jī)點(diǎn)名功能,邏輯簡(jiǎn)單,用在班級(jí)或活動(dòng)時(shí)是個(gè)不錯(cuò)的選擇,需要的朋友可以參考下2014-08-08
JavaScript中的setUTCDate()方法使用詳解
這篇文章主要介紹了JavaScript中的setUTCDate()方法使用詳解,是JS入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-06-06
關(guān)于javascript中的parseInt使用技巧
前面好幾次遇到JavaScript中parseInt函數(shù)把字串轉(zhuǎn)為數(shù)字,前面遇到過幾次問題,然后就換其它方法進(jìn)行比較。2009-09-09
JavaScript中的勻速運(yùn)動(dòng)和變速(緩沖)運(yùn)動(dòng)詳細(xì)介紹
一個(gè)div的運(yùn)動(dòng)其實(shí)就是它與瀏覽器邊框的距離在變動(dòng)。如果他變化的速率一定,那就是勻速運(yùn)動(dòng);如果變化的速率不一定,那么就是變速運(yùn)動(dòng)2012-11-11

