JavaScript介紹及說明(01)

DKPT發表於2020-11-21
JavaScript

1、JavaScript介紹

Javascript語言誕生主要是完成頁面的資料驗證。因此它執行在客戶端，需要執行瀏覽器來解析執行JavaScript程式碼。
JS是Netscape網景公司的產品，最早取名為LiveScript;為了吸引更多java程式設計師。更名為JavaScript。
JS是弱型別，Java是強型別。
強型別就是指在定義變數的時候.變數的具體型別就確定.在整個使用過程中.變數的資料型別不會發生變化.
弱型別變數在定義的時候.具體的型別是不確定的,具體的資料型別是由賦值的資料型別決定.在使用過程中會發生變化.
特點：
互動性（它可以做的就是資訊的動態互動）。
安全性（不允許直接訪問本地硬碟）。
跨平臺性（只要是可以解釋JS的瀏覽器都可以執行，和平臺無關）。

2、JavaScript和html程式碼的結合方式

2.1、第一種
在head 標籤中或者在body標籤中使用script 標籤來書寫JavaScript程式碼。

<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--
        script標籤是用於定義js程式碼.
            type表示script標籤中的資料型別
    -->
    <script type="text/javascript">
        // alert是JavaScript語言提供的一個警告框函式.
        // 你給這傳遞什麼資訊,它就會提示什麼資訊
        alert("JavaScript Hello world!");
    </script>
</head>
<body>

</body>
</html>

2.2、第二種
使用script 標籤引入 單獨的JavaScript程式碼檔案。
在這裡插入圖片描述

3、變數

變數是可以存放某些值的記憶體的命名。
在這裡插入圖片描述

JS中的定義變數格式：
var 變數名;
var 變數名 = 值;

4、關係（比較）運算

在這裡插入圖片描述

<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        var a = 12;
        var b = "12";
        // alert( a == b ); // true
        // alert( a === b ); // false
        alert( typeof(a) );
        alert( typeof(b) );
    </script>
</head>
<body>

5、邏輯運算

在這裡插入圖片描述

在JavaScript語言中，所有的變數，都可以做為一個boolean型別的變數去使用。
0 、null、 undefined、””(空串) 都認為是 false；

/*
&& 與運算。
有兩種情況：
第一種：當表示式全為真的時候。返回最後一個表示式的值。
第二種：當表示式中，有一個為假的時候。返回第一個為假的表示式的值

|| 或運算
第一種情況：當表示式全為假時，返回最後一個表示式的值
第二種情況：只要有一個表示式為真。就會把回第一個為真的表示式的值

並且 && 與運算  和 ||或運算 有短路。
短路就是說，當這個&&或||運算有結果了之後 。後面的表示式不再執行
*/

var a = "abc";
var b = true;
var d = false;
var c = null;

示例程式碼 :

<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        // 在JavaScript語言中，所有的變數，都可以做為一個boolean型別的變數去使用。
        // 0 、null、 undefined、””(空串) 都認為是 false；
        // var a = 0;
        // if (a) {
        //     alert("零為真");
        // } else {
        //     alert("零為假");
        // }
        // var b = null;
        // if (b) {
        //     alert("null為真");
        // } else {
        //     alert("null為假");
        // }

        // var c = undefined;
        // if (c) {
        //     alert("undefined 為真");
        // } else {
        //     alert("undefined 為假");
        // }
        // var d = "";
        // if (d) {
        //     alert("空串 為真");
        // } else {
        //     alert("空串 為假");
        // }

        var a = "abc";
        var b = true;
        var d = false;
        var c = null;
        // && 與運算。
        // 有兩種情況：
        // 第一種：當表示式全為真的時候。返回最後一個表示式的值。
        // alert( a && b ); // true
        // alert( b && a ); // abc
        // 第二種：當表示式中，有一個為假的時候。返回第一個為假的表示式的值
        // alert( d && a );  //false
        // alert( c && a );  // null
        // alert(a && c); // null

        // || 或運算
        // 第一種情況：當表示式全為假時，返回最後一個表示式的值
        // alert( d || c ); // null
        // alert( c || d); // false
        // 第二種情況：只要有一個表示式為真。就會返回第一個為真的表示式的值
        // alert(a || b); // abc
        // alert(b || a); // true

    </script>
</head>
<body>
</body>
</html>

相關文章