一、簡介：

　　由網(wǎng)景公司開發(fā)的一種基于客戶端、面向(基于)對象、事件驅(qū)動的網(wǎng)頁腳本語言

二、基本語法

　　2.1：變量

　　　用來儲存臨時數(shù)值的容器,儲存的值可以變化

　　?? 語法：var 變量名 = 值

　　　局部變量：在函數(shù)中聲明的變量

　　 ? 全局變量：在代碼中直接聲明的變量

　　2.2：數(shù)據(jù)類型

　　?? string(字符串類型)、number(數(shù)值類型)、boolean(布爾類型true、false)、undefined(未定義類型)、null(空類型)、object(對象類型)

　　2.3：運(yùn)算符

　　?? 算術(shù)：+、-、*、/、%、++、--

　　?? 比較：>、<、<=、>=、==、===(全等于)、!=、!==(不全等)

　　　邏輯：&&(與)、||(或)、!(非)

　　　賦值：=、-=、+=、*=、/=、%=

　　?? 字符串：+

　　2.4：流程結(jié)構(gòu)

　　 ? 順序結(jié)構(gòu)：一行一行代碼執(zhí)行

　　?? 分支結(jié)構(gòu)：if...else、if...else if ...else、switch

　　2.5：循環(huán)結(jié)構(gòu)

　　?? for..、while...、do...while、for...in(相當(dāng)于php中的foreach)

　　2.6：break和continue

　　?? break：退出循環(huán)語句

　　?? continue：結(jié)束當(dāng)前循環(huán)、執(zhí)行下次循環(huán)

語法總結(jié)：

　　1.javascript區(qū)分大小寫

　　2.javascript腳本必須嵌入到HTML文件中

　　3.語句以;結(jié)束

　　4.javascript腳本程序可以獨(dú)立保存一個外部文件。引用js文件時在script標(biāo)簽中src屬性引用

三、函數(shù)

　　3.1：系統(tǒng)函數(shù)

　　?? alert('內(nèi)容')：警告框

　　?? confirm('內(nèi)容')：確認(rèn)框

　　?? ...

　　 3.2：自定義函數(shù)

　　?? 語法：

　　　　　function 函數(shù)名(形參列表){

　　　　　　? 函數(shù)體;

　　　　　　? return 表達(dá)式;

　　　　　}

　　? 3.3：匿名函數(shù)

//演示匿名函數(shù) var i = function (name){alert(name + '，你好!'); }; //調(diào)用匿名函數(shù) i('老張'); View Code

　　　　結(jié)果：

　　　　　　

　　? 3.4：自調(diào)用匿名函數(shù)

　　　　說明：為了避免函數(shù)沖突、重命名等問題，自調(diào)用匿名函數(shù)會馬上執(zhí)行。

//演示自調(diào)用匿名函數(shù) (function (name){alert(name + '，hello') ; })('老張'); View Code

　　　　運(yùn)行結(jié)果：

　　　　　　

　　? 3.5：arguments

　　　 arguments是函數(shù)的形參數(shù)組列表，在函數(shù)內(nèi)使用它可以不用在意調(diào)用函數(shù)傳遞了多少個參數(shù)

function display(){//arguments屬性像數(shù)組卻不是數(shù)組 for(var i=0; i<arguments.length;i++){document.write(arguments[i]+'<hr/>');} } //調(diào)用 display('參數(shù)1','參數(shù)2','參數(shù)3','參數(shù)4','參數(shù)5'); View Code

運(yùn)行結(jié)果：

　　

　　3.6：函數(shù)作用域

　　　　全局變量：在代碼塊或者說函數(shù)外部定義的

　　　　　　　　　在代碼執(zhí)行了，外部全局變量不能調(diào)用內(nèi)部局部變量

　　　　局部變量：在函數(shù)內(nèi)部定義的

　　　　　　　　　在代碼執(zhí)行時，函數(shù)內(nèi)部變量可調(diào)用外部全局變量

　　　　當(dāng)在函數(shù)內(nèi)部聲明變量，未曾使用var關(guān)鍵字則相當(dāng)于定義了一個全局變量，該變量會覆蓋外部同名全局變量

　　　　在函數(shù)內(nèi)部聲明一個函數(shù)，則在外部無法訪問該函數(shù)內(nèi)部的函數(shù)

四、JS錯誤

　　4.1：編譯錯誤

　　　　　　編譯錯誤（語法錯誤）會使該段JS代碼全部無法執(zhí)行，但不會影響同一一面中的另外JS腳本

　　　　　　　　　　　　　　　　　　

　　　　　　執(zhí)行錯誤，會使同一段JS腳本以下的代碼無法執(zhí)行，但不會影響同一頁面中的另外JS腳本

　　　　　　　　　　　　　　　　　　

五、JS執(zhí)行原理圖

六、數(shù)組

一維數(shù)組

　　　　　6.1：說明

　　　　　　數(shù)據(jù)的集合，在內(nèi)存中表示一段連續(xù)的內(nèi)存地址，JS中數(shù)組屬于object類型

　　　　　6.2：定義

//數(shù)組的定義 //方式一 var arr1 = ['張三','李四','王五']; //方式二 new var arr2 = new Array('張三','李四','王五'); //方式三 var arr3 = new Array(3); arr3[0] = '張三'; arr3[1] = '李四'; arr3[2] = '王五'; View Code

　　　　　6.3：遍歷(for循環(huán)和for...in)

//數(shù)組演示var arr = ['張三','李四','王五'];//for循環(huán)遍歷document.write('for循環(huán)遍歷<br/>');for (var i=0;i<arr.length;i++){document.write(arr[i]+'<br/>');}document.write('<hr/>');//for...in遍歷document.write('for...in遍歷<br/>');for(var i in arr){document.write(arr[i]+'<br/>');} View Code

　　執(zhí)行結(jié)果：

　　　　　　

　　　　

二維數(shù)組：

　　　　說明：數(shù)組的數(shù)組

　　　　遍歷：for..in

//二維數(shù)組var arr = [['1','小明'],['2','小紅'],['3','小剛']];//遍歷for(var i in arr){document.write('編號：'+arr[i][0]+'，姓名：'+arr[i][1]+'<br/>');} View Code

　　　　結(jié)果：

　　　　

文本下標(biāo)數(shù)組：

　　　　說明：數(shù)組的下標(biāo)是字符串，

　　　　注意：

　　　　　　　　文本下標(biāo)是不計(jì)算到數(shù)組長度中的，文本下標(biāo)以數(shù)組的屬性存在，可以通過訪問數(shù)組屬性的方式訪問。

　　　　　　　　文本下標(biāo)的數(shù)組只能用for...in遍歷

　　　　demo：

//文本數(shù)組var arr = ['張三','李四','王五'];arr['abc'] = '趙六';arr['bcd'] = '錢七';//文本下標(biāo)數(shù)組以數(shù)組的屬性形式存在，訪問方式有兩種：arr.文本下標(biāo)、arr['文本下標(biāo)']document.write(arr.abc+'||'+arr['abc']);document.write('<br/>');//遍歷for(var i in arr){document.write('文本下標(biāo)：'+i+'&nbsp;&nbsp;&nbsp;&nbsp;')document.write('值為：'+arr[i]+'<br/>');} View Code

　　　　執(zhí)行結(jié)果：

　　　　　　

?

轉(zhuǎn)載于:https://www.cnblogs.com/gzc0918/p/5099775.html

總結(jié)

以上是生活随笔為你收集整理的JS基础：1的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。