JavaScript自學心得一(基礎、語法、函數,異常處理/事件處理)

一:JavaScript基礎教程

1、JavaScript介紹:一種輕量級的編程語言、是可插入HTML頁面的編程代碼,JavaScript插入HTML頁面後,可由所有瀏覽器執行。

2、JavaScript用法:HTML中腳本必須位於<script></script>標籤中。腳本可以被放置在HTML頁面的<body>或者<head>中。在HTML中不限制腳本使用數量,通常把腳本放到<head>中、以不干擾頁面內容。

3、JavaScript輸出:JavaScript通常同來操作HTML。文檔輸出:document.write("<p>this is my first JavaScript</p>");

4、JavaScript語法

①JavaScript語句向瀏覽器發送命令,告訴瀏覽器該做什麼

②語句之間的分割是分號(;)JavaScript代碼按照編寫順序依次執行

③JavaScript標識符必須以字母,下劃線或美元符號開始。

書寫對大小寫非常敏感。JavaScript會忽略掉多餘的空格。

5、JavaScript註釋:①單行註釋://  ②多行註釋:/* */

6、JavaScript變量:①變量是用來儲存信息的“容器”,(例如:var x =10; var y =10.1; var z ="Hello";)

7、JavaScript數據類型:①字符串String②數字Number③布爾Boolean④數組Array⑤對象Object⑥空null⑦未定義⑧可以通過賦值爲null的方式清除變量。

二:JavaScript語法詳解

1、JavaScript運算符

①算數運算符:+、-、*、/、%(取餘)、++(自加)、--(自減) (備註:i++與++i、如果++在前先加再運算;如果++在後先運算再加)

②賦值運算符:=、+=、-=、*=、/=、%=  (備註:var m =   i+=j;等同於i+j)

③字符串操作(備註:任何類型與字符串相加都會被轉換爲字符串類型)

④比較運算符:==(比較的是值)、===(不僅比較值,還比較類型)、!=、!==、>、<、>=、<= (備註:它返回的是一個布爾類型,要麼是真要麼是假;)

⑤邏輯運算符:&& (與)、|| (或)、!(非:取反)

⑥條件運算符(三目運算符):例如(x<10? "x比10小":"x比10大"說白了 條件?滿足條件輸出:不滿足條件輸出)

2、JavaScript條件語句

①if.....else:寫法   (備註:else可以繼續嵌套if)                 

  if(條件){

滿足條件時輸出           

} else{

 不滿足條件時輸出

    }

②switch:寫法   (備註:當條件不滿足任何一個case,將執行default裏的代碼)

switch(條件){

            case 條件:

                     break;

            case 條件:

                       break;

                default :

                        break;

}

3、JavaScript循環語句

①for循環、for/in    (備註:可以把for裏面的第一個條件拿出來放在外面,但是分號必須還在)

例如:var i=[1,2,3,4,5]

            for(var j=0; j<5; j++){

                    document.write( i [j] );

            }

②while循環、do....while   (備註:while是先判斷再執行,do...while是先執行一次再判斷)

while(判斷語句){

        符合條件時執行的代碼

}

4、JavaScript跳轉語句

①break:跳出循環語句,不在繼續執行。

②continue:跳出本次循環,繼續進行下次循環。

③return:返回值之後的語句不再執行

三:JavaScript函數

1、函數:函數是由事件驅動的或者當它被調用時執行的可重複使用的代碼塊。

2、定義函數: function  函數名 (){

                            函數體代碼塊;

                        }

3、函數調用:函數在定義好之後,不能自動執行,需要進行調用。

      調用方法:①在<script>標籤內調用②在HTML文件中調用

4、帶參數的函數:在函數的調用中,也可以傳遞值,這些值別稱爲參數。例如:demo(a,b);參數的個數可以爲任意多,每個參數通過逗號“,”隔開。(備註:參數在傳遞時,其順序必須一致)

5、返回值的函數:(返回值)有時候,我們需要將函數的值返回給調用他的地方(調用者),通過return語句來實現它。(備註:在使用return語句時,函數會停止執行,同時返回值)

6、局部變量和全局變量:局部變量:聲明在函數方法內,當方法不調用時它會主動銷燬,節省內存。全局變量:聲明在函數方法之外的變量,在任何地方都可以使用,不會被主動銷燬。


四:JavaScript異常處理和事件處理

1、異常捕獲

①異常:當JavaScript引擎執行JavaScript代碼時,發生了錯誤,導致程序停止運行。

②異常拋出:當異常產生,並且將這個異常生成一個錯誤信息。

③異常捕獲:try{

                    發生異常的代碼塊 ;   

            }catch(err){

                    錯誤信息處理;

            }

④Throw語句:通過throw語句創建一個自定義的錯誤。

2、JavaScript事件:事件是可以被JavaScript監聽到的行爲,比如鼠標的點擊、鼠標的移動.....

①常見的事件:onClick(單擊事件)onMouseOver(鼠標經過事件)onMouseOut(鼠標移出事件)

onChange(文本內容改變事件)onSelect(文本框選中事件)onFocus(光標聚集事件)

onBlur(移開光標事件)onLoad(網頁加載事件)onUnload(關閉網頁事件)

































發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章