javascript真的不難-回顧一下基礎(chǔ)知識(shí)
更新時(shí)間:2013年01月15日 14:33:14 作者:
先來(lái)學(xué)習(xí)一下Javascript語(yǔ)言中的基礎(chǔ)知識(shí)問(wèn)題其時(shí)對(duì)于每種編程語(yǔ)言來(lái)說(shuō)基礎(chǔ)知識(shí)都是大同小異的,對(duì)變量,函數(shù),條件語(yǔ)句塊,循環(huán)語(yǔ)句塊等等,本文簡(jiǎn)要介紹一下,感興趣的朋友可以了解下
前言
說(shuō)Jquery之前,先來(lái)學(xué)習(xí)一下Javascript(以后簡(jiǎn)稱(chēng)為JS)語(yǔ)言中的基礎(chǔ)知識(shí)問(wèn)題,其時(shí)對(duì)于每種編程語(yǔ)言來(lái)說(shuō)基礎(chǔ)知識(shí)都是大同小異的,對(duì)變量,函數(shù),條件語(yǔ)句塊,循環(huán)語(yǔ)句塊等等,而對(duì)于每種語(yǔ)言在寫(xiě)法上到是顯得各有不同,如JS里在定義變量時(shí),你要用var去聲局部變量的聲明,而對(duì)于弱類(lèi)型的語(yǔ)言JS來(lái)說(shuō),你也可以不加var,但不加它會(huì)認(rèn)為這個(gè)變量為全局變量,這是要注意的。
變量
在程序運(yùn)行過(guò)程中,其值可以發(fā)生改變的(呵呵,10多年前書(shū)上的定義)
var people ; //聲明一個(gè)名為people的變量
var people="good boy" ; //聲明變量的同時(shí)為它賦值,瀏覽器自動(dòng)解釋它為字符型變量
var age=23; //聲明一個(gè)局部變量,類(lèi)型為整形
age=30 ; //聲明一個(gè)全局變量,類(lèi)型為整形,在程序執(zhí)行過(guò)程中,它不會(huì)被釋放
函數(shù)
為了實(shí)現(xiàn)一個(gè)功能,將一些代碼塊組織在一起,形成一個(gè)整體,我們叫它函數(shù)function,它可以大大減小代碼的重復(fù)量,并使程序更清晰
// 標(biāo)準(zhǔn)寫(xiě)法
funciton helloFun(){
alert("hellow world")
}
// 變量形式的寫(xiě)法
var helloFun=function(){
alert("hellow world")
}
// 函數(shù)可以有參數(shù),它異為弱類(lèi)型
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("類(lèi)型1號(hào)");
break;
case 2:
alert("類(lèi)型2號(hào)");
break;
case 3:
alert("類(lèi)型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("填寫(xiě)表單有誤");
}
循環(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ǔ)句的寫(xiě)法性能不是錯(cuò)的,但如果寫(xiě)成下面的,性能會(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í)就寫(xiě)到這里,從下回開(kāi)始,將介紹jquery的相關(guān)知識(shí)了,感謝閱讀!
說(shuō)Jquery之前,先來(lái)學(xué)習(xí)一下Javascript(以后簡(jiǎn)稱(chēng)為JS)語(yǔ)言中的基礎(chǔ)知識(shí)問(wèn)題,其時(shí)對(duì)于每種編程語(yǔ)言來(lái)說(shuō)基礎(chǔ)知識(shí)都是大同小異的,對(duì)變量,函數(shù),條件語(yǔ)句塊,循環(huán)語(yǔ)句塊等等,而對(duì)于每種語(yǔ)言在寫(xiě)法上到是顯得各有不同,如JS里在定義變量時(shí),你要用var去聲局部變量的聲明,而對(duì)于弱類(lèi)型的語(yǔ)言JS來(lái)說(shuō),你也可以不加var,但不加它會(huì)認(rèn)為這個(gè)變量為全局變量,這是要注意的。
變量
在程序運(yùn)行過(guò)程中,其值可以發(fā)生改變的(呵呵,10多年前書(shū)上的定義)
var people ; //聲明一個(gè)名為people的變量
var people="good boy" ; //聲明變量的同時(shí)為它賦值,瀏覽器自動(dòng)解釋它為字符型變量
var age=23; //聲明一個(gè)局部變量,類(lèi)型為整形
age=30 ; //聲明一個(gè)全局變量,類(lèi)型為整形,在程序執(zhí)行過(guò)程中,它不會(huì)被釋放
函數(shù)
為了實(shí)現(xiàn)一個(gè)功能,將一些代碼塊組織在一起,形成一個(gè)整體,我們叫它函數(shù)function,它可以大大減小代碼的重復(fù)量,并使程序更清晰
復(fù)制代碼 代碼如下:
// 標(biāo)準(zhǔn)寫(xiě)法
funciton helloFun(){
alert("hellow world")
}
// 變量形式的寫(xiě)法
var helloFun=function(){
alert("hellow world")
}
// 函數(shù)可以有參數(shù),它異為弱類(lèi)型
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("類(lèi)型1號(hào)");
break;
case 2:
alert("類(lèi)型2號(hào)");
break;
case 3:
alert("類(lèi)型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("填寫(xiě)表單有誤");
}
循環(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ǔ)句的寫(xiě)法性能不是錯(cuò)的,但如果寫(xiě)成下面的,性能會(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í)就寫(xiě)到這里,從下回開(kāi)始,將介紹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ù)類(lèi)型
- javascript基礎(chǔ)知識(shí)整理
- javascript基礎(chǔ)知識(shí)講解
相關(guān)文章
JavaScript運(yùn)行時(shí)庫(kù)屬性一覽表
這篇文章主要介紹了JavaScript運(yùn)行時(shí)庫(kù)屬性,需要的朋友可以參考下2014-03-03JavaScript模版引擎的基本實(shí)現(xiàn)方法淺析
這篇文章主要介紹了JavaScript模版引擎的基本實(shí)現(xiàn)方法,講解利用function對(duì)象來(lái)一步步編寫(xiě)簡(jiǎn)單的模板,需要的朋友可以參考下2016-02-02javascript學(xué)習(xí)筆記(九) js對(duì)象 設(shè)計(jì)模式
javascript學(xué)習(xí)筆記之js對(duì)象 設(shè)計(jì)模式介紹,需要的朋友可以參考下2012-06-06Javascript創(chuàng)建類(lèi)和對(duì)象詳解
使用Javascript創(chuàng)建類(lèi)和對(duì)象的方法有很多,現(xiàn)在就來(lái)列舉一下:1、原始的創(chuàng)建方法,2、工廠方法模式,3、構(gòu)造方法模式,4、動(dòng)態(tài)原型方法。下面我們就來(lái)通過(guò)實(shí)例詳細(xì)看下2017-05-05JavaScript對(duì)HTML DOM使用EventListener進(jìn)行操作
這篇文章主要介紹了JavaScript對(duì)HTML DOM使用EventListener進(jìn)行操作的方法,用于向HTML元素中添加事件,需要的朋友可以參考下2015-10-10