愛前端公開課學習筆記—

認識js

JS是寄生語言，寄生在HTML中，與JAVA沒有關系

JS可以寫在html檔案中，以<script></script>標簽對出現

在一些瀏覽器中，使用控制臺可以監控到JS的作業

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        console.log("控制臺可見！");
    </script>
</body>
</html>

在谷歌瀏覽器的控制臺中右鍵單擊空白處，選擇檢查可以打開控制臺查看console.log輸出的內容，

JS的注釋是”//”或者”/* */”,前者是行注釋，后者是塊注釋

1變數

js的變數必須申明在用，宣告后賦值，變數才可使用，使用程序中可以改變型別，

變數的命名規則：

變數名只能由字母、數字、下劃線、美元號構成
不能以數字開頭
不能是關鍵字和保留字
區分大小寫

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        //定義一個變數a，賦值為10
        var a = 10;
        //彈出a的值，這里a沒有雙引號，因為他是變數
        alert(a);
    </script>
</body>
</html>

實體1 變數的賦值與宣告

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        var a = 10;
        a = 30;
        console.log(a);
        a = "看看能改型別嗎";
        console.log(a);
    </script>
</body>
</html>

簡單的資料型別 number 數字，string 字串 boolean 布爾型

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        console.log(typeof 123);
        console.log(typeof "文本");
        console.log(typeof true);
    </script>
</body>
</html>

數字型

JS數字型資料不區分整浮、正負、大小，一律為number

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        console.log(typeof 6);
        console.log(typeof 5.555);
        console.log(typeof -6);
        console.log(typeof 9292992929039029);
    </script>
</body>
</html>

js區分進制
認識NaN(非數）但是他本身是一個數字，Infinity 無窮

NaN 有兩種情況會出現

用了數學運算子，但是沒有結果，如“我”-“你”
0/0 得到NaN

//認識NaN
        console.log(typeof NaN);
        console.log("a" - "b");
        console.log(0 / 0);

輸出

Infinity
有兩個情況會出現

除數為零，console.log(10 / 0）
特別大的數 console.log(math.pow(33333,66666)）

//Infinity
        console.log(10 / 0);     //除數為0
        console.log(Math.pow(3333,666666)); //特別大的數

人在中年，一事無成，瞎學

轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/470663.html

標籤：其他

上一篇：vue - Vue腳手架（終結篇）/ vue影片

下一篇：愛前端公開課學習筆記——JS02 字串型別，布爾型別

愛前端公開課學習筆記——JS01