【设计模式】单例模式

最新推荐文章于 2025-08-10 08:32:47 发布

原创最新推荐文章于 2025-08-10 08:32:47 发布 · 52 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#设计模式 #单例模式 #vue.js

该代码示例展示了如何在JavaScript中使用Singleton设计模式来确保类只有一个实例。Singleton类有一个静态方法getInstance()，用于创建或获取单例对象。变量p1和p2都引用了Singleton类的同一个实例，证明了Singleton模式的用法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        class Singleton {
            static instance = null
            static getInstance() {
                if (Singleton.instance === null) {
                    Singleton.instance = new Singleton()
                } 
                return Singleton.instance
            }
        }

        let p1 = Singleton.getInstance()
        let p2 = Singleton.getInstance()
        console.log(p1 === p2)
        console.log(p1 instanceof Singleton)
        console.log(p2 instanceof Singleton)
        console.log(p1)
    </script>
</body>
</html>