js插件封装实例

// 定义插件对象
const MyPlugin = (function() {
    // 私有变量和方法
    let privateVar = 'This is a private variable';

    function privateMethod() {
        console.log(privateVar);
    }

    // 返回公共API
    return {
        showTip: function(message, duration) {
            const tip = document.createElement('div');
            tip.innerText = message;
            tip.style.position = 'fixed';
            tip.style.top = '20px';
            tip.style.right = '20px';
            tip.style.backgroundColor = 'rgba(0, 0, 0, 0.7)';
            tip.style.color = '#fff';
            tip.style.padding = '10px';
            tip.style.borderRadius = '5px';
            document.body.appendChild(tip);

            setTimeout(() => {
                document.body.removeChild(tip);
            }, duration || 3000);
        },
        // 公共方法可以访问私有变量和方法
        getPrivateVar: function() {
            return privateVar;
        }
    };
})();

// 使用插件
MyPlugin.showTip('Hello, this is a tip!', 5000);
console.log(MyPlugin.getPrivateVar()); // 输出: This is a private variable