如何在不使用“Click”的情况下更新函数数据

function updateData() {
    // 更新数据的逻辑
    console.log("Data updated");
}

// 每秒更新一次数据
setInterval(updateData, 1000);

const socket = new WebSocket('ws://example.com/socket');

socket.onmessage = function(event) {
    // 处理接收到的数据并更新
    console.log("Received data: ", event.data);
    updateData(event.data);
};

function updateData(data) {
    // 更新数据的逻辑
    console.log("Data updated with:", data);
}

class Subject {
    constructor() {
        this.observers = [];
    }

    addObserver(observer) {
        this.observers.push(observer);
    }

    removeObserver(observer) {
        this.observers = this.observers.filter(obs => obs !== observer);
    }

    notify(data) {
        this.observers.forEach(observer => observer.update(data));
    }
}

class Observer {
    update(data) {
        // 更新数据的逻辑
        console.log("Data updated with:", data);
    }
}

const subject = new Subject();
const observer = new Observer();

subject.addObserver(observer);

// 模拟数据更新
setTimeout(() => {
    subject.notify("New Data");
}, 2000);

import React, { useState, useEffect } from 'react';

function DataUpdater() {
    const [data, setData] = useState(null);

    useEffect(() => {
        const intervalId = setInterval(() => {
            // 获取新数据并更新状态
            const newData = fetchNewData();
            setData(newData);
        }, 1000);

        return () => clearInterval(intervalId); // 清除定时器
    }, []);

    function fetchNewData() {
        // 模拟获取新数据
        return "New Data at " + new Date().toLocaleTimeString();
    }

    return (
        <div>
            <p>{data}</p>
        </div>
    );
}

export default DataUpdater;

class EventBus {
    constructor() {
        this.listeners = {};
    }

    on(event, callback) {
        if (!this.listeners[event]) {
            this.listeners[event] = [];
        }
        this.listeners[event].push(callback);
    }

    emit(event, data) {
        if (this.listeners[event]) {
            this.listeners[event].forEach(callback => callback(data));
        }
    }
}

const eventBus = new EventBus();

eventBus.on('dataUpdated', (data) => {
    // 更新数据的逻辑
    console.log("Data updated with:", data);
});

// 模拟数据更新
setTimeout(() => {
    eventBus.emit('dataUpdated', "New Data");
}, 2000);