文章目錄

• 1. JavaScript概述
• 2. 歷史
• 3. 快速入門
• • 3.1 引入JavaScript方式
  • 3.2 基本語法
  • 3.3 數據類型
• 4. 嚴格檢查模式

1. JavaScript概述

• JavaScript是一門世界上最流行的腳本語言，是 Web 開發者必學的三種語言之一。
  （1）HTML 定義網頁的內容
  （2）CSS 規定網頁的布局（美化）
  （3）JavaScript 對網頁行為進行編程

• 一個合格的后端人員，必須要精通 JavaScript。

• JavaScript 插入 HTML 頁面后，可由所有的現代瀏覽器執行

面試題：Java 和JavaSciprt的區別

• 基于對象和面向對象：Java 是一種真正的面向對象的語言；JavaScript 是一種腳本語言，它是一種基于對象（Object-Based）和事件驅動（Event-Driven）的編程語言。
• 解釋和編譯：Java 的源代碼在執行之前，必須經過編譯；JavaScript 是一種解釋性編程語言，其源代碼不需經過編譯，由瀏覽器解釋執行。
• 強類型變量和類型弱變量：Java 采用強類型變量檢查，即所有變量在編譯之前必須作聲明；JavaScript 中變量是弱類型的，甚至在使用變量前可以不作聲明。
• 代碼格式不一樣。

2. 歷史

• ECMAScript它可以理解為是JavaScript的一個標準
• 最新版本已經到es6版本，但是大部分瀏覽器還只停留在支持 es5 代碼上
• 開發環境—線上環境，版本不一致
• 在編寫JavaScript代碼之前要將IDEA設置支持ES6語法，如下圖所示
  

3. 快速入門

3.1 引入JavaScript方式

(1) 內部標簽
(2) 外部引入

• 實例代碼
  
• 運行結果
  

3.2 基本語法

JavaScript在很大程度上和JavaSE類似，但JavaScript嚴格區分大小寫!

• 定義變量 變量類型 變量名 = 變量值;

• 瀏覽器F12（開發者調試工具） 功能介紹
  調試時使用最多的功能頁面是：元素（ELements）、控制臺（Console）、源代碼（Sources）、網絡（Network）等。
  

  （1）元素（Elements）：用于查看或修改HTML元素的屬性、CSS屬性、監聽事件、斷點（DOM斷點：在JavaScript調試中，我們經常使用到斷點調試，其實在DOM結構的調試中，我們也可以使用斷點方法，這就是DOM Breakpoint（DOM 斷點））
  （2）控制臺（Console）：控制臺一般用于執行一次性代碼，查看JavaScript對象，查看調試日志信息或異常信息。
  console.log(score) 表示在瀏覽器的控制臺打印變量score，相當于System.out.println();
  （3）源代碼（Sources）：該頁面用于查看頁面的HTML文件源代碼、JavaScript源代碼、CSS源代碼，此外最重要的是可以調試JavaScript源代碼，可以給JS代碼添加斷點等。
  （4）網絡（Network）：網絡頁面主要用于查看header等與網絡連接相關的信息。
  

• 控制臺輸出
  

3.3 數據類型

• 基本類型：字符串（String）、數字(Number)、布爾(Boolean)、空（Null）、未定義（Undefined）、Symbol（ES6 引入了一種新的原始數據類型，表示獨一無二的值）。

• 引用類型：數組(Array)、對象(Object)、函數(Function)。
  （1）字符串 String
  字符串可以是引號中的任意文本，可以使用單引號或雙引號，如’abc’或"abc"
  （2）數字 Number
  js不區分小數和整數
  123 //整數123
  123.1 // 浮點數123.1
  1.123e3 //科學計數法
  -99 //負數
  NaN // not a number
  Infinity //表示無限大
  （3）布爾值 Boolean
  布爾（邏輯）只能有兩個值：true 或 false
  （4）null 和 undefined
  null 空
  undefined 未定義
  （5）邏輯運算符
  && //與
  || //或
  ！ //非
  （6）比較運算符
  =
  == 等于（類型不一樣，值一樣，也會判斷為true）
  === 絕對等于(類型一樣，值一樣，結果true)
  注意：
  ① 堅持不要使用 == 比較
  ② NaN == NaN，這個與所有的數值都不相等，包括自己
  ③ 只能通過isNaN來進行判斷數值是否是NaN
  
  ④ 浮點數問題：盡量避免使用浮點數進行運算，存在精度問題

  
  （7）數組 Array
  Java的數值必須是相同類型的對象，JS中不需要是相同類型的對象！
  取數組下標：如果越界了，就會出現undefined
  
  （8）對象 Object
  對象是大括號，數組是中括號，每個屬性之間使用逗號隔開，最后一個不需要添加逗號
  
  控制臺輸出
  

4. 嚴格檢查模式

• ‘use strict’; 嚴格檢查模式，預防JavaScript的隨意性導致產生的一些問題
  且必須寫在JavaScript的第一行！
  
• 局部變量建議使用let定義

總結

以上是生活随笔為你收集整理的JavaScript(一)——快速入门的全部內容，希望文章能夠幫你解決所遇到的問題。

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