探索JavaScript宝库：打开基础知识与实用技能之门(数据类型与变量+ 条件与循环+函数与模块+DOM+异常+ES6)

// 数字
let numInt = 10;
// 字符串
let strVar = "Hello, World!";
// 布尔值
let isTrue = true;

// 条件语句
let x = 10;
if (x > 5) {
    console.log("x is greater than 5");
} else {
    console.log("x is less than or equal to 5");
}
// 循环语句
for (let i = 0; i < 5; i++) {
    console.log(i);
}
while (x > 0) {
    console.log(x);
    x--;
}

// 函数定义与调用
function add(a, b) {
    return a + b;
}
let result = add(3, 5);
console.log("The result is " + result)

// 获取元素并修改内容
document.getElementById("myElement").innerHTML = "New Content";
// 添加事件监听器
document.getElementById("myButton").addEventListener("click", function() {
    console.log("Button clicked");
});

// 异步函数示例
function fetchData() {
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            resolve("Data fetched successfully");
        }, 2000);
    });
}
// 使用Promise
fetchData().then(data => {
    console.log(data);
}).catch(error => {
    console.error(error);
});

// 使用箭头函数
const square = (num) => num * num;
// 使用模板字符串
let name = "Alice";
console.log(`Hello, ${name}!`);