如何在函数中获取状态？

let globalState = 'initial state';

function getState() {
    return globalState;
}

function setState(newState) {
    globalState = newState;
}

console.log(getState()); // 输出: initial state
setState('new state');
console.log(getState()); // 输出: new state

function createCounter() {
    let count = 0;
    return {
        increment: function() {
            count++;
        },
        getCount: function() {
            return count;
        }
    };
}

const counter = createCounter();
counter.increment();
console.log(counter.getCount()); // 输出: 1

// store.js
import { createStore } from 'redux';

const initialState = { count: 0 };

function reducer(state = initialState, action) {
    switch (action.type) {
        case 'INCREMENT':
            return { count: state.count + 1 };
        default:
            return state;
    }
}

const store = createStore(reducer);

export default store;

// App.js
import store from './store';

console.log(store.getState()); // 输出: { count: 0 }
store.dispatch({ type: 'INCREMENT' });
console.log(store.getState()); // 输出: { count: 1 }

import React, { useState } from 'react';

function Counter() {
    const [count, setCount] = useState(0);

    return (
        <div>
            <p>Count: {count}</p>
            <button onClick={() => setCount(count + 1)}>Increment</button>
        </div>
    );
}

export default Counter;