当前位置：首页 > JavaScript

使用js实现

2026-02-28 19:39:07JavaScript

使用 JavaScript 实现

JavaScript 是一种广泛使用的编程语言，适用于前端和后端开发。以下是一些常见任务的实现方法：

使用js实现

变量声明与赋值

let name = "John";
const age = 30;
var isActive = true;

函数定义与调用

function greet(name) {
    return `Hello, ${name}!`;
}

console.log(greet("Alice")); // 输出: Hello, Alice!

数组操作

const fruits = ["apple", "banana", "orange"];
fruits.push("grape"); // 添加元素
console.log(fruits.length); // 输出: 4

对象操作

const person = {
    name: "Bob",
    age: 25,
    greet: function() {
        console.log(`Hi, I'm ${this.name}`);
    }
};

person.greet(); // 输出: Hi, I'm Bob

异步处理（Promise）

function fetchData() {
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            resolve("Data fetched");
        }, 1000);
    });
}

fetchData().then(data => console.log(data)); // 输出: Data fetched

事件监听

document.getElementById("myButton").addEventListener("click", () => {
    console.log("Button clicked");
});

类与继承

class Animal {
    constructor(name) {
        this.name = name;
    }

    speak() {
        console.log(`${this.name} makes a noise.`);
    }
}

class Dog extends Animal {
    speak() {
        console.log(`${this.name} barks.`);
    }
}

const dog = new Dog("Rex");
dog.speak(); // 输出: Rex barks.

以上代码片段展示了 JavaScript 的基本用法，可根据具体需求进行调整和扩展。

标签: js