@Author：Runsen
@Date:2020/5/26

學習任東西，先去菜鳥教程

文章目錄

• 變量
• • 先聲明再賦值
  • 聲明變量的同時賦值
  • 同時聲明多個變量
• 輸出
• • 彈出框
  • HTML
  • 控制臺
• 數據類型
• • 數字
  • 字符串
  • 布爾值
  • 空
  • • null：空值
    • undefined：未定義
  • 符號
  • 對象

變量

在JavaScript中，變量是通過var關鍵字來聲明的，聲明變量的語法格式如下：

var 變量名=變量值；

其中var是聲明變量所用的關鍵字，通過“=”將值賦值給變量

先聲明再賦值

var number； //聲明變量number number=10； //為變量number賦值10

聲明變量的同時賦值

var number=10；

同時聲明多個變量

var a=1,b=2,c=3;

輸出

在JS中我們要怎樣把寫出的腳本輸出在瀏覽器上面呢？

彈出框

alert（）這是一種彈出框的形式

<script>alert("這是彈出框") </script>

HTML

document.write() 這是直接把內容輸出在html里面，這里是不會覆蓋已有的html標簽的。

<script>document.write("Runsen") </script>

document.getElementById(“id”).innerHTML=”xxxx”這是直接把內容輸出在標簽元素內部，當然在輸出之前我們必須要有一個標簽(div)。

<div id="text">這是初始Runsen</div> <script>document.getElementById("text").innerHTML="這是通過JS改變的Runsen" </script>

控制臺

console.log(“xxxx”) 這是前端工程師用的最多的一種輸出，我們編寫的腳本可以通過這種輸出調試。

<script>console.log("這是輸出在控制臺的Runsen") </script>

數據類型

JS中數據類型主要為7種，分別為：數字（number），字符串（string），布爾（bool），符號（symbol），空（undefined、null）和對象（object）
簡單概括為：四基兩空一對象，

數字

Number 類型表示我們通常意義上的“數字”。這個數字大致對應數學中的有理數，當然，在計算機中，我們有一定的精度限制。

常用數據轉換方法

• 轉數值：parseInt()和parseFloat()。
• 轉字符串：.toString()
• 強制轉換：訪問數據內部內容，并將符合格式的內容進行轉換
• Boolean(value) -把給定的值轉換成Boolean型，除了0和NaN，其余的都是true。
• Number(value) -把給定的值轉換成數字（可以是整數或浮點數）；
• String(value) -把給定的值轉換成字符串；

自動帶有截斷小數的功能：取整，不四舍五入。

例1：

var a = parseInt(5.8) + parseInt(4.7);console.log(a);

控制臺輸出：

9

例2：

var a = parseInt(5.8 + 4.7);console.log(a);

控制臺輸出：

10

字符串

var a = "Runsen"; var b = ""; console.log(typeof a); console.log(typeof b);

控制臺輸出：

string string

typeof表示“獲取變量的類型”，返回的是小寫，語法為：

typeof 變量

布爾值

Boolean 類型有兩個值， true 和 false，它用于表示邏輯意義上的真和假，同樣有關鍵字 true 和 false 來表示兩個值。這個類型很簡單，我就不做過多介紹了。

空

null：空值

專門用來表示一個為空的對象（例如：var a = null）。注意，專門用來表示空對象。

• Null類型的值只有一個，就是null。比如：var a = null。

• 使用 typeof 檢查一個null值時，會返回object。

undefined：未定義

聲明了一個變量，但是沒有賦值（例如：var a;），此時它的值就是undefined。

• Undefined類型的值只有一個，就是undefind

• 使用 type of 檢查一個undefined時，會返回undefined。

null和undefined有最大的相似性。看看null == undefined的結果(true)也就更加能說明這點。

但是null === undefined的結果(false)。它們雖然相似，但還是有區別的，其中一個區別是：和數字運算時，10 + null結果為：10；10 + undefined結果為：NaN。

• 任何數據類型和undefined運算都是NaN;

• 任何值和null運算，null可看做0運算。

符號

Symbol 是 ES6 中引入的新類型，它是一切非字符串的對象 key 的集合，在 ES6 規范中，整個對象系統被用 Symbol 重塑。Symbol 可以具有字符串類型的描述，但是即使描述相同，Symbol 也不相等。我們創建 Symbol 的方式是使用全局的 Symbol 函數。例如：

var mySymbol = Symbol("my symbol");typeof mySymbol // "symbol" mySymbol.toString() // "my symbol"

Symbol不能與其他類型的值進行運算，會報錯

var sym = Symbol('My symbol'); console.log("your symbol is " + sym) // TypeError: can't convert symbol to string console.log(`your symbol is ${sym}`) // TypeError: can't convert symbol to string console.log(2 + sym) // TypeError: can't convert symbol to number

== : 只進行值的比較,會進行數據類型的轉換。

=== : 不僅進行值得比較，還要進行數據類型的比較。

let s1 = Symbol.for('foo'); let s2 = Symbol.for('foo'); s1 === s2 // true // 上面代碼中，s1和s2都是Symbol值，但是它們都是由同樣參數的Symbol.for方法生成的，所以實際上是同一個值。 let s3 = Symbol('foo'); let s4 = Symbol('foo'); s3 === s4 // false // 由于Symbol()寫法沒有登記機制，所以每次調用都會返回一個不同的值。

對象

對象由花括號分隔。在括號內部，對象的屬性以名稱和值對的形式 (name : value) 來定義。屬性由逗號分隔：

var person={firstname:"John", lastname:"Doe", id:5566};

上面例子中的對象 (person) 有三個屬性：firstname、lastname 以及 id。

空格和折行無關緊要。聲明可橫跨多行：

var person={ firstname : "John", lastname : "Doe", id : 5566 };

對象屬性有兩種尋址方式：

實例

name=person.lastname; name=person["lastname"];

總結

以上是生活随笔為你收集整理的六、最通俗易懂的JavaScript进阶教程（二）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。