【无标题】Hollo world.Javascript
Hello World最简单JavaScript代码
console.log("Hello, World!");
变量和数据类型
JavaScript 中的变量声明和基本数据类型。
```javascript
let name = "Alice"; // 字符串
const age = 25; // 数字
let isStudent = true; // 布尔值
console.log(name, age, isStudent);
```
函数
定义一个简单的函数并调用它。
```javascript
function greet(name) {
return `Hello, ${name}!`;
}
console.log(greet("Bob")); // 输出: Hello, Bob!
```
---
条件语句
使用 `if-else` 进行条件判断。
```javascript
let score = 85;
if (score >= 90) {
console.log("A");
} else if (score >= 80) {
console.log("B");
} else {
console.log("C");
}
```
---
循环
使用 `for` 循环和 `while` 循环。
```javascript
// for 循环
for (let i = 0; i < 5; i++) {
console.log(i);
}
// while 循环
let j = 0;
while (j < 5) {
console.log(j);
j++;
}
```
---
数组操作
创建数组并遍历。
```javascript
let fruits = ["Apple", "Banana", "Orange"];
// 遍历数组
fruits.forEach((fruit) => {
console.log(fruit);
});
// 添加新元素
fruits.push("Mango");
console.log(fruits);
```
---
对象
创建和操作对象。
```javascript
let person = {
name: "Alice",
age: 25,
greet: function() {
console.log(`Hello, my name is ${this.name}`);
}
};
console.log(person.name); // 输出: Alice
person.greet(); // 输出: Hello, my name is Alice
```
---
异步操作
使用 `Promise` 和 `async/await` 处理异步操作。
```javascript
// Promise
let promise = new Promise((resolve, reject) => {
setTimeout(() => resolve("Done!"), 1000);
});
promise.then((result) => {
console.log(result); // 输出: Done!
});
// async/await
async function fetchData() {
let result = await promise;
console.log(result); // 输出: Done!
}
fetchData();
```
---
DOM 操作
操作网页的 DOM 元素。
```html
```
---
Fetch API
使用 `fetch` 获取数据。
```javascript
fetch("https://jsonplaceholder.typicode.com/posts/1")
.then((response) => response.json())
.then((data) => console.log(data))
.catch((error) => console.error("Error:", error));
```
---