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

-Advertisement-

認識js 在谷歌瀏覽器的控制臺中右鍵單擊空白處，選擇檢查可以打開控制台查看console.log輸出的內容。 JS的註釋是”//”或者”/* */”,前者是行註釋，後者是塊註釋 1變數 js的變數必須申明在用，聲明後賦值，變數才可使用，使用過程中可以改變類型。變數的命名規則：變數名只能由字母 ...

認識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)); //特別大的數

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

您的分享是我們最大的動力!

-Advertisement-

更多相關文章

如何徹底禁止 macOS Monterey 自動更新，去除更新標記和通知

UART，全稱Universal Asynchronous Receiver Transmitter，通用非同步收發器，俗稱串口。作為最常用的通信介面之一，從8位單片機到64位SoC，一般都會提供UART介面。 ...
Mysql資料庫基礎_複習思維導圖

Mysql複習的一個小總結，用xmind寫的。（字數沒有都不給我發博客😹）下麵是一些備註子查詢 MySQL子查詢稱為內部查詢，而包含子查詢的查詢稱為外部查詢。子查詢可以在使用表達式的任何地方使用，並且必須在括弧中關閉。視圖基本語法可以使用 CREATE VIEW 語句來創建視圖。語法格 ...
通俗理解大數據及其應用價值

大數據概述在大數據這個概念興起之前，信息系統存儲數據的方法主要是我們熟知的關係型資料庫，關係型資料庫，關係型模型之父 Edgar F. Codd，在 1970 年 Communications of ACM 上發表了《大型共用資料庫數據的關係模型》的經典論文，從此之後關係模型的語義設計達到了 4 ...
大數據Hadoop之——搭建本地flink開發環境詳解（window10）

一、下載安裝IDEA IDEA2020.2.3版本：https://www.cnblogs.com/liugp/p/13868346.html 最新版本安裝詳情請參考：https://www.jb51.net/article/196349.htm 二、搭建本地hadoop環境（window10）可 ...
MySQL8新增降序索引

MySQL8新增降序索引桃花塢里桃花庵，桃花庵里桃花仙。桃花仙人種桃樹，又摘桃花賣酒錢。一、MySQL5.7 降序索引 MySQL在語法上很早就已經支持降序索引，但實際上創建的卻仍然是升序索引，如下MySQL 5.7 所示，row2欄位降序，但是從show create table看 row2 ...
MySQL的文件系統（Linux環境）

Linux環境下，MySQL的主要目錄及其作用、資料庫和數據表在文件系統上的存儲結構。 ...
精通Android面試-騰訊阿裡Android高級開發麵試官選拔標準

HarmonyOS Connect智能硬體開放生態即將步入富設備產業化時代！為了讓廣大開發者能搶先體驗鴻蒙智聯富設備開發，本期我們將為大家帶來七款支持富設備開發的開發板。 ...
愛前端公開課學習筆記——JS02 字元串類型，布爾類型

字元串是用引號包裹的，表示語言文字。用雙引號包裹的都是字元串註意：變數不能包裹在雙引號里輸出布爾類型 true和false 註意都是小寫 ...