JavaScript 是一种广泛使用的脚本语言,特别是在网页开发中。以下是一些常用的基本方法和它们的应用场景:
alert()
alert("Hello, World!");
console.log()
console.log("This is a log message.");
parseInt()
和 parseFloat()
let intVal = parseInt("123"); // 123
let floatVal = parseFloat("123.45"); // 123.45
isNaN()
console.log(isNaN("Hello")); // true
console.log(isNaN(123)); // false
Math
对象的方法console.log(Math.sqrt(16)); // 4
console.log(Math.random()); // 随机数
String
对象的方法let str = "Hello, World!";
console.log(str.toUpperCase()); // HELLO, WORLD!
console.log(str.includes("World")); // true
Array
对象的方法let arr = [1, 2, 3, 4, 5];
console.log(arr.map(x => x * 2)); // [2, 4, 6, 8, 10]
console.log(arr.filter(x => x > 2)); // [3, 4, 5]
setTimeout()
和 setInterval()
// 2秒后执行一次
setTimeout(() => {
console.log("This runs after 2 seconds.");
}, 2000);
// 每秒执行一次
let intervalId = setInterval(() => {
console.log("This runs every second.");
}, 1000);
document.getElementById("myButton").addEventListener("click", function() {
alert("Button was clicked!");
});
function fetchData() {
return new Promise((resolve, reject) => {
setTimeout(() => resolve("Data fetched!"), 1000);
});
}
async function getData() {
try {
let data = await fetchData();
console.log(data);
} catch (error) {
console.error(error);
}
}
这些方法和概念构成了JavaScript编程的基础,掌握它们对于进行有效的前端开发至关重要。在实际应用中,根据具体需求选择合适的方法可以提高代码的效率和可维护性。
领取专属 10元无门槛券
手把手带您无忧上云