文章目錄

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

1. JavaScript概述

• JavaScript是一門世界上最流行的腳本語言，是 Web 開發(fā)者必學(xué)的三種語言之一。
  （1）HTML 定義網(wǎng)頁的內(nèi)容
  （2）CSS 規(guī)定網(wǎng)頁的布局（美化）
  （3）JavaScript 對網(wǎng)頁行為進(jìn)行編程

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

• JavaScript 插入 HTML 頁面后，可由所有的現(xiàn)代瀏覽器執(zhí)行

面試題：Java 和JavaSciprt的區(qū)別

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

2. 歷史

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

3. 快速入門

3.1 引入JavaScript方式

(1) 內(nèi)部標(biāo)簽
(2) 外部引入

• 實例代碼
  
• 運行結(jié)果
  

3.2 基本語法

JavaScript在很大程度上和JavaSE類似，但JavaScript嚴(yán)格區(qū)分大小寫!

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

• 瀏覽器F12（開發(fā)者調(diào)試工具） 功能介紹
  調(diào)試時使用最多的功能頁面是：元素（ELements）、控制臺（Console）、源代碼（Sources）、網(wǎng)絡(luò)（Network）等。
  

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

• 控制臺輸出
  

3.3 數(shù)據(jù)類型

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

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

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

4. 嚴(yán)格檢查模式

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。