一， 變量聲明對比
C語言：
int age = 20; // 必須指定類型
float price = 9.99;
char grade = 'A';
const double PI = 3.14; // 常量
JavaScript：
let age = 20; // 數字
var price = 9.99; // 現在不用，有缺點
const PI = 3.14; // 常量// 可以隨時改變類型
let value = 100; // 數字
value = "一百"; // 變成字符串(合法但不推薦)
二、輸入輸出
1. C語言輸入輸出
#include <stdio.h>int main() {int num;// 輸出printf("請輸入數字: "); // 打印提示printf("換行\n"); // \n換行// 輸入scanf("%d", &num); printf("你輸入的是: %d", num);return 0;
}
2. JavaScript輸入輸出
// 控制臺輸出
console.log("普通信息");
console.warn("警告信息");
console.error("錯誤信息");// 瀏覽器彈窗
alert("提示信息"); // 只有確定按鈕
let name = prompt("請輸入名字"); // 獲取用戶輸入
let isOk = confirm("確定嗎?"); // 確認對話框// 網頁輸出
document.write("直接寫入"); // 會覆蓋整個文檔(慎用)
//后續dom操作更安全
三、JavaScript 特有的模板字符串（${}）
1. 使用方式
// 傳統
let str1 = "姓名：" + name + "，年齡：" + age;// 模板字符串方式
let str2 = `姓名：${name}，年齡：${age}`;
2. 用法
（1）變量插入
let price = 99.8;
console.log(`價格：${price}元`); // 價格：99.8元
（2）表達式計算
console.log(`合計：${5 * 20}元`); // 合計：100元
（3）函數調用
function discount() { return 0.8; }
console.log(`折后價：${100 * discount()}元`); // 折后價：80元
3. 使用
（1）生成HTML內容
let items = ["蘋果", "香蕉"];
let html = `<ul>${items.map(item => `<li>${item}</li>`).join('')}</ul>
`;
（2）多行文本處理
let letter = `尊敬的${userName}：您的訂單已發貨。預計${deliveryDate}送達。
`;
4. 注意事項
- 必須使用反引號（
`）包裹 ${}內部可以是任意合法JavaScript表達式
三、數組
1. 創建數組
// 創建空數組
let arr1 = []; // 創建帶初始值的數組
let fruits = ["蘋果", "香蕉", "橙子"];// 創建指定長度的空數組
let emptyArr = new Array(3); // [empty × 3]
2. 增刪元素方法
| 方法 | 作用 | 示例 | 結果 |
|---|---|---|---|
| push() | 末尾添加 | fruits.push("芒果") | [“蘋果”,“香蕉”,“橙子”,“芒果”] |
| pop() | 刪除最后一個 | fruits.pop() | [“蘋果”,“香蕉”] |
| unshift() | 開頭添加 | fruits.unshift("梨") | [“梨”,“蘋果”,“香蕉”] |
| shift() | 刪除第一個 | fruits.shift() | [“蘋果”,“香蕉”] |
| splice(起始位置，刪除元素的個數) | 任意位置增刪 | fruits.splice(1,1) | [“蘋果”,“檸檬”,“橙子”] |
- pop（）shift（）返回刪除元素的值
- splice（）返回本次刪除元素組成的新數組
三、函數
1. 定義方式對比
C語言：
// 必須指定返回類型和參數類型
int add(int a, int b) {return a + b;
}
JavaScript：
// 1. 函數聲明
function add(a, b) {return a + b;
}// 2. 函數表達式
const add = function(a, b) {return a + b;
};// 3. 立即執行函數 可以解決命名不能沖突的問題
(function() {console.log("立即執行");
})();
