电竞比分网-中国电竞赛事及体育赛事平台

搜索
分享

JavaScript之基礎(chǔ)篇

 頭號碼甲 2021-10-10

JavaScript 介紹

JavaScript語言誕生主要是完成頁面的數(shù)據(jù)驗證。因此它運行在客戶端，需要運行瀏覽器來解析執(zhí)行JavaScript代碼。js是Netscape網(wǎng)景公司的產(chǎn)品，最早取名為LiveScript，為了吸引更多Java程序員。更名為JavaScript（js是弱類型、 java是強類型）。

特點：

  1. 交互性（它可以做的就是信息的動態(tài)交互）

  2. 安全性（不允許直接訪問本地硬盤）

  3. 跨平臺性（只要是可以解釋js的瀏覽器都可以執(zhí)行，和平臺無關(guān)）

JavaScript 和 html 代碼的結(jié)合方式

　　第一種方式：只需要在head標(biāo)簽中，或者在body標(biāo)簽中，使用script標(biāo)簽來書寫JavaScript代碼。

  • 示例代碼：

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JavaScript和html代碼的結(jié)合方式一</title>
</head>
<body>
<script type="text/javascript">
    //alert是JavaScript語言提供的一個警告框函數(shù)
    //它可以接收任意類型的參數(shù)，這個參數(shù)就是警告框的提示信息
    alert("hello javaScript!");
</script>
</body>
</html>

　　第二種方式：使用script標(biāo)簽引入單獨的JavaScript代碼文件?！?/span>

  • 示例代碼：

    /*
 * hello.js文件中的內(nèi)容
 */
alert("hello.js");
    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JavaScript和html代碼的結(jié)合方式二</title>
</head>
<body>
<!-- 現(xiàn)在需要使用script引入外部的js文件來執(zhí)行，src屬性專門用來引入js文件路徑（可以是相對路徑，也可以是絕對路徑） 
　　script標(biāo)簽可以用來定義js代碼，也可以用來引入js文件，但是兩個功能二選一使用，不能同時使用兩個功能。 -->
<script type="text/javascript" src="hello.js"></script>
<script type="text/javascript">
   alert("hello.html");
</script>
</body>
</html>

變量

什么是變量？變量是可以存放某些值的內(nèi)存的命名。

　　JavaScript的變量類型：

　　　　數(shù)值類型：number

　　　　字符串類型：string

　　　　對象類型：object

　　　　布爾類型：boolean

　　　　函數(shù)類型：function

　　JavaScript的特殊值：

　　　　undefined：未定義，所有js變量未賦于初始值的時候，默認值都是undefined。

　　　　null：空值

　　　　NaN：全稱是 Not a Number，非數(shù)字、非數(shù)值。

　　Js中定義變量的三種方式：

　　　　const：定義的變量不可以修改，而且必須初始化。

　　　　var：定義的變量可以修改，如果不初始化會輸出undefined，不會報錯。

　　　　let：塊級作用域，函數(shù)內(nèi)部使用let定義后，對函數(shù)外部無影響。

  • 示例代碼：

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>變量</title>
</head>
<body>
<script type="text/javascript">
    
    var i;
    alert(i); //undefined
    
    i = 12;
    //typeof()是JavaScript語言提供的一個函數(shù)。
    alert(typeof(i)); //number

    i = "abc";
    //它可以取變量的數(shù)據(jù)類型返回
    alert(typeof(i)); //String

    var a = 12;
    var b = "abc";
    alert(a * b); //NaN是非數(shù)字，非數(shù)值。
    
</script>
</body>
</html>

關(guān)系（比較）運算

　　分類：

　　　　等于（==）：等于是簡單的做字面值的比較。

　　　　全等于（===）：除了做字面值的比較之外，還會比較兩個變量的數(shù)據(jù)類型。

  • 示例代碼：

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>關(guān)系（比較）運算</title>
</head>
<body>
<script type="text/javascript">
    var a = "12";
    var b = 12;
    alert(a==b);//true
    alert(a===b);//false
</script>
</body>
</html>

邏輯運算

　　分類：

　　　　且運算：&&

　　　　或運算：||

　　　　取反運算：!

提示：

在JavaScript語言中，所有的變量，都可以做為一個boolean類型的變量去使用（0、null、undefined、""(空串)都認為是false）。

　　&& 且運算：

　　　　第一種：當(dāng)表達式全為真的時候，返回最后一個表達式的值。

　　　　第二種：當(dāng)表達式中，有一個為假的時候，返回第一個為假的表達式的值。

　　|| 或運算：

　　　　第一種情況：當(dāng)表達式全為假時，返回最后一個表達式的值。

　　　　第二種情況：只要有一個表達式為真。就會返回第一個為真的表達式的值。 

提示：

（ && 與運算）和（ || 或運算）有短路。短路就是說，當(dāng)這個 && 或 || 運算有結(jié)果了之后 ，后面的表達式不再執(zhí)行。

  • 示例代碼：

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>邏輯運算</title>
</head>
<body>
<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("空串為假");
    }

    /*
     * && 且運算
     * 第一種：當(dāng)表達式全為真的時候，返回最后一個表達式的值。
     * 第二種：當(dāng)表達式中，有一個為假的時候，返回第一個為假的表達式的值。
     */

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