Day30 JavaScript

蔣亞文發表於2020-10-08

JavaScript

一、什麼是JavaScript

1.1、概述

JavaScript是一門世界上最流行的指令碼語言。

java、JavaScript是沒有關係的。JavaScript語言10天設計就出來了。

一個合格的後端，必須精通JavaScript。

1.2、歷史

https://blog.csdn.net/kese7952/article/details/79357868

ECMAScript可以理解為是JavaScript的一個標準。

最新版已經到es6版本，但是大部分瀏覽器停留在es5程式碼上，所以會造成開發環境和線上環境版本不一致。

二、快速入門

2.1、引入JavaScript

內部標籤使用。

<!--script標籤內，寫JavaScript程式碼-->
<script>
    alert("hello world");
//...
</script>

外部引入。

qj.js

<!--外部引入。注意：script必須成對出現-->
<script src="js/qj.js"></script>
<!--不用顯示定義型別type，也預設就是javascript-->
<script type="text/javascript"></script>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--script標籤內，寫JavaScript程式碼-->
    <script>
        alert("hello world");
    </script>

    <!--外部引入。注意：script必須成對出現-->
    <script src="js/qj.js"></script>
    <!--不用顯示定義型別type，也預設就是javascript-->
    <script type="text/javascript"></script>
</head>
<body>

<!--這裡也可以存放-->
</body>
</html>

2.2、基本語法入門

<!--javaScript嚴格區分大小寫-->
<script>
    // 1.定義變數 變數型別 變數名=變數值；
    var score = 1;
    var name = "jyw";
    alert(name);
    // 2.條件控制
    if (score < 60) {
        alert(false);
    } else if (score >= 60 && score < 70) {
        alert(true);
    }
    console.log(score);
    /*
    *文字註釋和java一致。
    * 瀏覽器檢查元素裡面：
    *   1.Elements：爬網頁，復刻用。
    *   2.Console：除錯js。
    *   3.Soures裡面可以打js斷點，進行除錯。
    *   4.NetWork可以檢視網頁請求資訊,。
    *   5.Appication用來存一些資料,檢視Cookies相關資訊。
    *   等等
    * */
    //console.log(score)在瀏覽器控制檯列印變數！
    //Java裡面是：System.out.println()
    //
</script>

瀏覽器必備除錯須知

在這裡插入圖片描述

2.3、資料型別

數值，文字，圖形，音訊，視訊…

變數

var _$
var 王者榮耀="倔強青銅";

number ：數值型別，js不區分小數和整數。

123//整數123
123.1//浮點數123.1
1.123e3//科學計數法
-99//負數
NaN//not a number
Infinity//無窮大

字串

‘abc’ “abc”

“\n”

布林值

true,false

邏輯運算

&& ，||， |

比較運算子號

=
== 等於（型別不一樣值一樣，也會判斷為true）
=== 絕對等於（型別一樣，值一樣）

這個js一個缺陷，堅持使用===

須知：

NaN===NaN，NaN與所有數值都不相等，包括自己。
只能通過isNaN（NaN）來判斷是不是NaN

浮點數問題：

console.log((1/3)===(1-2/3));//false

儘量避免使用浮點數進行運算，存在精度問題。

console.log(Math.abs(1/3-(1-2/3))<0.0000001);//true

null和undefined

null 空
undefined 未定義

陣列

java的陣列必須是列相同型別的物件,js中不需要這樣！

//為了保證程式碼的可讀性，儘量使用[]這種方式
var arr = [1, 2, 3, 4, 5,"hello",null,true];
//陣列物件
new Array(1, 2, "hello");
//列印陣列元素，陣列下標越界的，就會undefined
console.log(arr[0]);

物件

物件是大括號，陣列是中括號。

每個屬性之間用逗號隔開，最後一個需要逗號。

//Persion persion=new Persion();
var person = {
    name: "jyw",
    age: 3,
    tags: ['js', 'java', 'web']
}

取物件的值

person.age
3
person.name
"jyw"

2.4、嚴格檢查模式

<!--
前提：idea 需要設定支援ES6語法。
'user strict';嚴格檢查模式，預防js的隨意性導致的一些問題，
必須寫在script裡面第一行。
區域性變數用let定義。
-->
<script>
    'user strict';
    let i = 1;
</script>