初識JavaScript

別來無恙!發表於2020-11-10

1)什麼是javaScript

    1)javaScript是一種基於物件和事件驅動、並具有安全效能的指令碼語言:(解釋執行的)

        編譯執行:原始碼-----》中間檔案(Java 位元組碼檔案 C# MSIL)----》特定語言的虛擬機器()

        解釋執行:原始碼------》瀏覽器引擎   V8

    2)javaScript特點

        向HTML頁面中新增互動行為

        指令碼語言,語法和java類似

        解釋性語言,邊執行邊解釋

    3)javaScript組成

        


    4)javaScript的基本結構

    

    5)小案例

    

    執行結果:

    

    6)JavaScripe執行原理

    

2)網頁中引用JavaScript的方式

1)外部JS檔案

      <script  src="export.js"  type="text/javascript"> </script>

 1)小案例:

        


執行結果與上述一樣


 2)直接在HTML標籤中

<input  name="btn"  type="button"  value="彈出訊息框"  onclick="javascript:alert("歡迎你");"/>


JavaScriptd的組成:



3)JavaScript核心語法

    1)先宣告變數再賦值

        var - 用於宣告變數的關鍵字

        width - 變數名

        var  width;    width=5;   

        這裡如果賦值的是整數形式,那返回值型別就是數值形式,賦值字元就返回字元形式

    2)同時宣告和賦值變數

        var catName = "很皮";

        var x,y,z =10 ;

    3)不宣告直接賦值  !!!!

        width = 5 ;   不建議使用

        經驗:變數可以不經宣告而直接使用,但這種方法很容易出錯,也很難查詢排錯,不推薦使用

    

4)資料型別:

        1.undefined  var width ; 變數width 沒有初始值,將被賦值undefined

        2.null   表示一個空值  與 undefined 值相等

        3.number   var iNum=23; 整數     var  iNum=23.0;  浮點數

        4.boolean  true 和 false       

        5.string  一組被引導 ( 單引號或雙引號 ) 括起來的文字  var string1="This is a string";

        6.Object  

5)typeof運算子

        typeof檢查變數的返回值

        typeof運算子返回值如下

            1.undefined : 變數被宣告後,但未被賦值

            2.string :用單引號或雙引號來宣告的字串

            3.Boolean :true 和 false

            4.number : 整數或浮點數

            5.object : javascript中的物件、陣列 和 null

    

    執行結果:

    

 6)String 物件

    屬性:字串物件.length     var  str="this is javaScript";   var  strLeng=str.length; //長度是18

    方法:字串物件.方法名();

    

    6)陣列:

        建立陣列:

        var  陣列名稱 = new Array(size);

        為資料元素賦值:

         var  fruil = new Array(“xx”, "xx" , “xx”);

         fruil[0]="xxx";

        陣列的常用屬性和方法:

        

        

        執行結果:

        

        詳細屬性和方法請參考文件

        http://www.w3school.com.cn/jsref/jsref_obj_array.asp

7)運算子號:

        

        邏輯控制語句:if 條件語句

        

8) 邏輯控制語句:switch語句

        

9) for , while , for in 迴圈語句:

        

10) 迴圈中斷:

        

11)註釋

        單行註釋 //

        多行註釋 /*  */      快捷鍵 ctrl+shift+/

12)常用的輸入/輸出

        alert();

        alert(“提示資訊”);

        

        

13) 語法約定:

        1.程式碼區分大小寫

        2.變數,物件和函式的名稱

        3.分號  用於結束一句程式碼

4)程式除錯

5)JavaScript 常用語法---函式

    什麼是函式:

    函式的含義:類似於Java中的方法,是完成特定任務的程式碼語句塊

    使用更簡單:不用定義屬於某個類,直接使用

    函式分類:系統函式和自定義函式

    常用系統函式:

    parseInt("86");           將字串轉換為整形數字

    parseFloat("33.33");   將字串轉換為浮點型數字

    isNaN();                    用於檢查其引數是否是非數字:函式用於檢查其引數是否是非數字,

    語法如下

    isNaN(‘x’);      如果 x 函式是特殊非數字,則返回true  否則返回 false     例如: isNaN(“123”);

    自定義函式

    function  函式名 (引數1,引數2,引數3)

    {

        //javascript 語句

        return  返回值     可有可無

    }

    呼叫函式:

    函式呼叫一般和表單元素的事件一起使用,呼叫格式

    事件名 = “函式名()”;

    

    呼叫有參函式:

    

    


    變數的作用域:

    事件: