閱讀目錄

摘要：

1：JavaScript簡介

• 引入方式
• 語言規范

2：JavaScript語言基礎

• 變量聲明
• 數據類型
• 運算符
• 流程控制
• 函數
• 詞法分析
• 內置對象

一、JavaScript概述

1、ECMAScript和JavaScript的關系：

1996年11月，JavaScript的創造者–Netscape公司，決定將JavaScript提交給國際標準化組織ECMA，希望這門語言能夠成為國際標準。次年，ECMA發布262號標準文件（ECMA-262）的第一版，規定了瀏覽器腳本語言的標準，并將這種語言稱為ECMAScript，這個版本就是1.0版。

該標準一開始就是針對JavaScript語言制定的，但是沒有稱其為JavaScript，有兩個方面的原因。一是商標，JavaScript本身已被Netscape注冊為商標。而是想體現這門語言的制定者是ECMA，而不是Netscape，這樣有利于保證這門語言的開發性和中立性。
　　因此ECMAScript和JavaScript的關系是，前者是后者的規格，后者是前者的一種實現。
　　ES6就是指ECMAScript 6
　　盡管 ECMAScript 是一個重要的標準，但它并不是 JavaScript 唯一的部分，當然，也不是唯一被標準化的部分。實際上，一個完整的 JavaScript 實現是由以下 3 個不同部分組成的：

• 核心（ECMAScript）

• 文檔對象模型（DOM） Document object model (整合js，css，html)

• 瀏覽器對象模型（BOM） Broswer object model（整合js和瀏覽器）

• 簡單地說，ECMAScript
  描述了JavaScript語言本身的相關內容。

  JavaScript 是腳本語言 　　
  　　JavaScript 是一種輕量級的編程語言。 　　
  　　JavaScript 是可插入 HTML頁面的編程代碼。 　　
  　　JavaScript 插入 HTML 頁面后，可由所有的現代瀏覽器執行。

2、JavaScript引入方式

HTML文件標簽內寫代碼：

--------------------------------------------------------------------注：如果你對python感興趣，我這有個學習Python基地，里面有很多學習資料，感興趣的+Q群：895817687 --------------------------------------------------------------------<script>// 在這里寫你的JS代碼 </script>

script src引入JS文件：

<script src="myscript.js"></script>

3、JavaScript語言規范

注釋（注釋是代碼之母）：

// 這是單行注釋/* 這是 多行注釋 */

結束符：用分號 “；”為結束符。
二、JavaScript語言基礎

1、JavaScript變量聲明

①、JavaScript的變量名可以使用下劃線、數字、字母、$符組成，且不能以數字開頭。

②、聲明變量使用 var 變量名 的格式來進行聲明

• var name = ‘sgt’; var age = 18;
  這樣就聲明了一個變量，對比Python里面定義一個變量一個道理，只不過比Python麻煩點。

注意點：

• 變量名是區分大小寫的
• 推薦使用駝峰式命名規則
• 保留字不能用作變量名
• 與下面let區別是，var聲明的變量會隨局部修改而改變
  
  　③、聲明變量方法：let 變量名
• ES6新增了let命令，用于聲明變量，其用法與var類似，但是聲明的變量只在let命令所在的代碼塊內有效，例如：for循環的計數器就很適合使用let命令，里面聲明的i變量在自增變化，用let聲明就不會影響for循環外的其他i變量。
  

for (let i=0;i<10;i++){......}

④、ES6新增了const用來聲明常量，一旦聲明，其值就不會改變。

const PI = 3.1415; PI // 3.1415如果修改的聲明的常量則會報錯： PI = 3 // TypeError: "PI" is read-only

2、JavaScript數據類型

JavaScript擁有動態類型（也就是說數據類型隨著聲明的變量賦值類型而改變變量數據類型）

var x; // 此時x是undefinedvar x = 1; // 此時x是數字var x = "Alex" // 此時x是字符串

①、數值（Number）

JavaScript不區分整型和浮點型，只有一種數字類型。

• var a = 12.34;
• var b = 20;
• var c = 5e3; // 5000
• var d = 5e-3 //0.005
  還有一種類型：NaN（表示不是一個數字Not a Number）

parseInt('123'); //結果為 123 parseInt('helo') // 結果為NaN，NaN代表非數字值的特殊值，該屬性用于指示某個值不是數字。 parseFloat(''123.456') //結果為123.456

②、字符串（String）：

var a = 'hello'; var b = 'world'; var c = a+b ; //JavaScript支持字符串直接用+號拼接 console.log(c); //結果為helloworld

字符串分割方法：slice(start,end)與substring(start,end)的區別：
相同點：
1、如果start=end，則返回空字符串
2、如果end參數不寫，省略，則取到字符串末尾。
3、如果某個參數超過字符串的長度，則這個參數會被替換為string的長度。

不同點：
substring()特點：
1、如果start > end ,則start和end會被交換
2、如果參數是復數或者不為數字，則會將其替換為0

slice()特點：
1、如果start > end ,不會交換
2、如果start = -2，則切割從字符串末尾往前數第2個字符開始(包括該位置的字符)
3、如果stop = -3，則切割在從字符串末尾往前數的第3個字符結束(不包括該位置字符)

• ES6引入了 模板字符串：（template string）

  模板字符串是增強版字符串，用反引號標識（esc按鍵下面那個鍵），作用：
  當做普通字符串
  定義多行字符串
  字符串中可以嵌入變量（類似格式化輸出）

//當做普通字符串使用： `啦啦啦啦啦啦`//當做多行字符串使用： ` 輕輕地我走了， 正如我輕輕地來... ` //可以嵌入變量，類似那種格式化輸出的形式： var name = 'sgt',age = '18'; ' Hello, ${name}, are you ${age} years old? ' 注意：如果在字符串內使用反引號，則需要用轉義字符（反斜杠）轉義一下。

③、布爾值（Boolean）：

true和false都是小寫，這點需要注意！

var a = true; var b = false;Tips:空字符串（""）、0、null、undefined、NaN都是false

• null與undefined的區別：
  ---- null :表示值為空，一般在需要指定或者清空一個變量時候才會使用，如name = null;
  ---- undefined: 表示當聲明一個變量但未初始化時候，該變量的默認值是undefined，還有就是函數無明確的返回值時候，返回的也是undefined。
  ！！！：null其實就是表示讓一個以前有值的變量變為空，而undefined建名思義，沒有被定義，僅僅是聲明了變量，然后就沒了，具體理解可以聯想下圖：
  
  ④、對象（Object）：

JavaScript中的所有事物都是對象，字符串、數值、數組、函數…此外，JavaScript允許自定義對象

JavaScript提供多個內建對象，比如：String、Date、Array等等

4-1、數組（等同于Python中的列表list）

var a = [123, "ABC"]; console.log(a[1]); // 輸出"ABC"

⑤、原始數據類型（symbol）

• ES6新引入的一種數據類型，表示一個獨一無二的值，其作用相當于判斷數據的數據類型。
• 數據類型查詢：

typeof ‘ABC’； // 'string' typeof null； // 'object' typeof true; // 'boolean' typeof 123 //'number'

未完待續

總結

以上是生活随笔為你收集整理的前端基础之JavaScript_1（一）的全部內容，希望文章能夠幫你解決所遇到的問題。

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