JavaScript相關概念

時間：2022-02-18 07:18:01 | 來源：信息時代

時間：2022-02-18 07:18:01 來源：信息時代

語句

JavaScript程序是由若干語句組成的，語句是編寫程序的指令。JavaScript提供了完整的基本編程語句，它們是：

賦值語句、switch選擇語句、while循環(huán)語句、for循環(huán)語句、foreach循環(huán)語句、do...while循環(huán)語句、break循環(huán)中止語句、continue循環(huán)中斷語句、with語句、try…catch語句、if語句（if..else，if…elseif…）。



函數(shù)

函數(shù)是命名的語句段，這個語句段可以被當作一個整體來引用和執(zhí)行。使用函數(shù)要注意以下幾點：

1）函數(shù)由關鍵字function定義（也可由Function構造函數(shù)構造）

JavaScript

2）使用function關鍵字定義的函數(shù)在一個作用域內(nèi)是可以在任意處調用的（包括定義函數(shù)的語句前）；而用var關鍵字定義的必須定義后才能被調用

3）函數(shù)名是調用函數(shù)時引用的名稱，它對大小寫是敏感的，調用函數(shù)時不可寫錯函數(shù)名

4）參數(shù)表示傳遞給函數(shù)使用或操作的值，它可以是常量，也可以是變量，也可以是函數(shù)，在函數(shù)內(nèi)部可以通過arguments對象（arguments對象是一個偽數(shù)組，屬性callee引用被調用的函數(shù)）訪問所有參數(shù)

5）return語句用于返回表達式的值。

6）yield語句扔出一個表達式，并且中斷函數(shù)執(zhí)行直到下一次調用next。

一般的函數(shù)都是以下格式：

functionmyFunction(params){

//執(zhí)行的語句

}

函數(shù)表達式：

varmyFunction=function(params){

//執(zhí)行的語句

}

varmyFunction=function(){

//執(zhí)行的語句

}

myFunction();//調用函數(shù)

匿名函數(shù)，它常作為參數(shù)在其他函數(shù)間傳遞：

window.addEventListener('load',function(){

//執(zhí)行的語句

},false);

對象

JavaScript的一個重要功能就是面向對象的功能，通過基于對象的程序設計，可以用更直觀、模塊化和可重復使用的方式進行程序開發(fā)。

一組包含數(shù)據(jù)的屬性和對屬性中包含數(shù)據(jù)進行操作的方法，稱為對象。比如要設定網(wǎng)頁的背景顏色，所針對的對象就是document，所用的屬性名是bgcolor，如document.bgcolor='blue'，就是表示使背景的顏色為藍色。

事件

用戶與網(wǎng)頁交互時產(chǎn)生的操作，稱為事件。事件可以由用戶引發(fā)，也可能是頁面發(fā)生改變，甚至還有你看不見的事件（如Ajax的交互進度改變）。絕大部分事件都由用戶的動作所引發(fā)，如：用戶按鼠標的按鍵，就產(chǎn)生click事件，若鼠標的指針在鏈接上移動，就產(chǎn)生mouseover事件等等。在JavaScript中，事件往往與事件處理程序配套使用。

而對事件的處理，W3C的方法是用addEventListener()函數(shù)，它有三個參數(shù)：事件，引發(fā)的函數(shù)，是否使用事件捕捉。為了安全性，建議將第三個參數(shù)始終設置為false

傳統(tǒng)的方法就是定義元素的on…事件，它就是W3C的方法中的事件參數(shù)前加一個'on'。而IE的事件模型使用attachEvent和dettachEvent對事件進行綁定和刪除。JavaScript中事件還分捕獲和冒泡兩個階段，但是傳統(tǒng)綁定只支持冒泡事件。

變量

常用類型

object：對象

array：數(shù)組

number：數(shù)

boolean：布爾值，只有true和false兩個值，是所有類型中占用內(nèi)存最少的

null：一個空值，唯一的值是null

undefined：沒有定義和賦值的變量

命名形式

一般形式是：

var<變量名表>;

其中，var是javascript的保留字，表面接下來是變量說明，變量名表是用戶自定義標識符，變量之間用逗號分開。和C 等程序不同，在javascript中，變量說明不需要給出變量的數(shù)據(jù)類型。此外，變量也可以不說明而直接使用。

作用域

變量的作用域由聲明變量的位置決定，決定哪些腳本命令可訪問該變量。在函數(shù)外部聲明的變量稱為全局變量，其值能被所在HTML文件中的任何腳本命令訪問和修改。在函數(shù)內(nèi)部聲明的變量稱為局部變量。只有當函數(shù)被執(zhí)行時，變量被分配臨時空間，函數(shù)結束后，變量所占據(jù)的空間被釋放。局部變量只能被函數(shù)內(nèi)部的語句訪問，只對該函數(shù)是可見的，而在函數(shù)外部是不可見的。

運算符

javascript提供了豐富的運算功能，包括算術運算、關系運算、邏輯運算和連接運算。

1.算術運算符

javascript中的算術運算符有單目運算符和雙目運算符。雙目運算符包括： （加）、-（減）、*（乘）、/（除）、%（取模）、|（按位或）、只有當兩個運算數(shù)的類型相同的時候，才遵循等同運算符的比較規(guī)則進行比較。

例如：null==undefined會返回真，但是null===undefined就會返回假！

表達式

表達式是指將常量、變量、函數(shù)、運算符和括號連接而成的式子。根據(jù)運算結果的不同，表達式可分為算術表達式、字符表達式、和邏輯表達式。

腳本語言

不同于服務器端腳本語言，例如PHP與ASP，JavaScript是客戶端腳本語言，也就是說JavaScript是在用戶的瀏覽器上運行，不需要服務器的支持而可以獨立運行。所以在早期程序員比較青睞于JavaScript以減少對服務器的負擔，而與此同時也帶來另一個問題：安全性。而隨著服務器的強壯，雖然現(xiàn)在的程序員更喜歡運行于服務端的腳本以保證安全，但JavaScript仍然以其跨平臺、容易上手等優(yōu)勢大行其道。

JavaScript是一種腳本語言，其源代碼在發(fā)往客戶端運行之前不需經(jīng)過編譯，而是將文本格式的字符代碼發(fā)送給瀏覽器由瀏覽器解釋運行。解釋語言的弱點是安全性較差，而且在JavaScript中，如果一條運行不了，那么下面的語言也無法運行。而且由于每次重新加載都會重新解譯，加載后，有些代碼會延遲至運行時才解譯，甚至會多次解譯，所以速度較慢。

與其相對應的是編譯語言，例如Java。Java的源代碼在傳遞到客戶端運行之前，必須經(jīng)過編譯，因而客戶端上必須具有相應平臺上的仿真器或解釋器，它可以通過編譯器或解釋器實現(xiàn)獨立于某個特定的平臺編譯代碼的束縛。但是它必須在服務器端進行編譯，這樣就拖延了時間。但因為已經(jīng)封裝，所以能保證安全性。

Javascript庫

庫，指得是可以方便應用到現(xiàn)有開發(fā)體系中的、現(xiàn)成的代碼資源。庫不僅為大部分日常的DOM腳本編程工作提供了快捷的解決方案，而且也提供了許多獨特的工具。雖然庫使用起來很方便，但它們也并非能解決你所有的問題。在使用庫之前，一定要保證真正理解javascript的DOM原理。

這些庫一般是一個（或多個）js（Javascript的縮寫）文件，只要把他們導入你的網(wǎng)頁就能使用了。

常用的庫有

jQuery：javascript庫中的新成員，提供css和xpath選擇符查找元素、ajax、動畫效果等

JSer:國人開發(fā)的一款全功能的開源腳本框架.借助JSer，可以便捷的操作DOM、CSS樣式訪問、屬性讀寫、事件綁定、行為切換、動態(tài)載入、數(shù)據(jù)緩存、URL與AJAX等眾多功能。

dojo：一個巨大的庫，包括的東西很多，dijit和dojox是dojo的擴展，幾乎你想要的各種javascript程序都包括了。

prototype：一個非常流行的庫，使用了原型鏈向javascript中添加了很多不錯的函數(shù)

YUI：（YahooYUI庫）yahoo！用戶界面，非常實用，提供各種解決方案。

ExtJs：組件非常豐富，皮膚也很漂亮，動畫效果也豐富。