1.JavaScript 定義
JavaScript 簡稱 JS.
JavaScript 是一種輕量級、解釋型、面向對象的腳本語言。它主要被設計用于在網頁上實現動態效果,增加用戶與網頁的交互性。
作為一種客戶端腳本語言,JavaScript 可以直接嵌入 HTML,并在瀏覽器中執行。與 HTML和 CSS 不同,JavaScript 使得網頁不再是靜態的,而是可以根據用戶的操作動態變化的。
2.JavaScript 作用
JavaScript 在前端開發中扮演著重要的角色,其應用領域包括但不限于:
客戶端腳本:用于在用戶瀏覽器中執行,實現動態效果和用戶交互
網頁開發:與 HTML和 CSS 協同工作,使得網頁具有更強的交互性和動態性
后端開發:使用 Node.js,JavaScript 也可以在服務器端運行,實現服務器端應用的開發。
3.JavaScript 導入方式
(1)內聯
<body><h1>JS導入方式</h1><script>console.log('hello world')</script>
</body>
<!-- 或者在head中寫 -->
在瀏覽器中按F12即可
(2)外聯
<head><script src="/myscript.js"></script>
</head>
myscript.js
console.log('Hello, world! This is a simple JavaScript file.');
4.JavaScript變量與數據類型
JavaScript 有三種變量聲明方式:
var:聲明一個變量,可選擇將其初始化為一個值。
let:聲明一個塊級作用域的局部變量,可選擇將其初始化為一個值。
const:聲明一個塊級作用域的只讀命名常量。
在應用程序中,你將變量用作值的符號名。變量的名字又叫做標識符,其需要遵守一定的規則。
JavaScript 標識符通常以字母、下劃線(_)或者美元符號($)開頭;后續的字符也可以是數字(0-9)。因為 JavaScript 是區分大小寫的,所以字母包含從 A 到 Z 的大寫字母和從 a 到 z 的小寫字母。
<body><script>var x;let y=5;const z=10;let name ='你好'console.log(x,y,z,name);console.log(typeof x,typeof y,typeof z,typeof name);</script>
</body>
5.JavaScript控制語句
(1)條件語句
<script>let time=12;if(time<12){console.log('還可以再玩一會兒')}else{console.log('該睡覺了')}</script>
(2)循環
<script> let sum=0for(let i=0;i<10;i++){sum +=i;}console.log(sum);</script>
<script>let sum=0;while(sum<10){sum +=1;}console.log(sum);</script>
<script>for(let i=0;i<10;i++){if(i%2==0){console.log(i+'是偶數');continue; // 跳過當前循環的剩余部分,繼續下一次循環}if(i==5){console.log('跳出循環');break; // 終止整個循環}console.log(i);}</script>