前端基礎之JavaScript引入

Xiao0101發表於2024-03-19
前端JavaScript

一、什麼是JavaScript

JavaScript是一門跨平臺、物件導向的指令碼語言（不需要編譯，直接解釋執行即可），來控制網頁的行為，它能使網頁可互動。

指令碼語言：不需要編譯，執行過程中由 js 直譯器( js 引擎）逐行來進行解釋並執行。

現在也可以基於 Node.js 技術進行伺服器端程式設計

W3C標準：

網頁主要由三部分構成

  • 結構：HTML
  • 表現：CSS
  • 行為：JavaScript

JavaScript和Java是完全不同的語言，不論是概念還是設計。但是在基礎語法上類似。

JavaScript（簡稱：JS）在1995年由Brendan Eich發明，並於1997年成為一部ECMA標準。

ECMAScript 6（ES6）是最新的JavaScript版本（釋出於2015年）

ECMAscript和JavaScript的關係：前者是後者的規格，後者是前者的實現

JS版本：

  • 主要還是用的5.1和6.0

總結：

  • JS是由ECMAScript、DOM、BOM組成
  • JS是執行在瀏覽器指令碼的語言

二、JavaScript的作用

1、表單動態校驗（密碼強度檢測） （ JS 產生最初的目的 ）
2、網頁特效
3、服務端開發(Node.js)
4、桌面程式(Electron)
5、App(Cordova)
6、控制硬體-物聯網(Ruff)
7、遊戲開發(cocos2d-js)

三、註釋語法

// 單行註釋

/*
多行註釋
多行註釋
多行註釋
*/

四、JavaScript的引入方式

（1）方式一

內部指令碼：將JS程式碼定義在HTML頁面中

在HTML中，JavaScript程式碼必須位於與標籤之間

 <script>
        /*彈出警告框*/
        alert("hello js");
</script>

提示：

  • 在HTML文件中可以在任意地方，放置任意數量的<script>
  • 一般把指令碼置於元素的底部，可改善顯示速度，因為指令碼執行會拖慢顯示

（2）方式二

外部標籤：將JS程式碼定義在外部JS檔案中，然後script標籤src屬性引入外部js程式碼

外部檔案：demo.js

alert("hello js");

引入外部js檔案:

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

注意：

外部檔案不能包含<script>標籤

# js語法結構
js是以分號座位語句的結束
但是如果你不寫分號，問題也不大，也能夠正常執行，但是他就相當於沒有結束符

五、JavaScript語法結構

  • 區分大小寫：與Java一樣，變數名、函式名以及其他一切東西都是區分大小寫的
  • 每行結尾的分號可有可無
  • 大括號表示程式碼塊
if(count == 3){
   alter(count);
}

六、如何學習JS

（1）JS書寫位置

  • pycharm提供的js檔案
  • 瀏覽器提供的js環境(學習階段推薦)

（2）JS學習路線

  • 變數
  • 資料型別
  • 流程控制
  • 函式
  • 物件
  • 內建方法/模組

相關文章