51 lines
2.5 KiB
Markdown
51 lines
2.5 KiB
Markdown
|
---
|
|||
|
|
title: Creating Singleton In JavaScript
|
|||
|
|
localeTitle: Создание Singleton в JavaScript
|
|||
|
|
---
|
|||
|
|
## Создание Singleton в руководстве Javascript
|
|||
|
|
|
|||
|
|
Эта статья посвящена созданию синглтонов в естественном (чистом) Javascript. Эта концепция может быть полезна для поддержания чистого кода.
|
|||
|
|
|
|||
|
|
Если вы хотите сохранить свой код или somedata, он останется таким же, как и для вашего приложения, так вы можете это сделать.
|
|||
|
|
|
|||
|
|
**Предварительные знания** Это просто поможет вам понять концепцию более легко, иначе вы всегда можете скопировать-вставить код и соответствующим образом изменить его.
|
|||
|
|
|
|||
|
|
* Основной синтаксис Javascript
|
|||
|
|
* Функции Javascript
|
|||
|
|
* IIFE в Javascript
|
|||
|
|
|
|||
|
|
### Давайте начнем
|
|||
|
|
|
|||
|
|
Давайте создадим объект с функцией IIFE, которая мгновенно выполнится, чтобы дать нам эффект Singleton.
|
|||
|
|
```
|
|||
|
|
var singletonFn = (function(){ //Created IIFE Function
|
|||
|
|
var dataCounter = 0;
|
|||
|
|
return { //Any code inside this return stuff will be accessible directly using objectname.
|
|||
|
|
|
|||
|
|
getDataCounter: function(){
|
|||
|
|
return dataCounter;
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
setDataCounter: function(val){
|
|||
|
|
dataCounter = val;
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
fishNames: ["SimpleFish"] //Can create variables, Arrays, etc.
|
|||
|
|
}
|
|||
|
|
})();
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
Теперь выполнить или использовать ваш синглтон. в браузере после сохранения этого файла в js и его загрузки.
|
|||
|
|
```
|
|||
|
|
console.log(singletonFn.getDataCounter()); //0 as bydefault it will be 0.
|
|||
|
|
|
|||
|
|
singletonFn.setDataCounter(20);
|
|||
|
|
|
|||
|
|
console.log(singletonFn.getDataCounter()); //20 as we assigned.
|
|||
|
|
|
|||
|
|
console.log(fishNames); //will Print array with "SimpleFish".
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
Теперь с помощью этих знаний вы можете определить константы, перечисления или что-то, что нужно использовать в проекте, написанном здесь. или что-то вроде конфигураций.
|
|||
|
|
|
|||
|
|
Надеюсь, это поможет вам лучше писать коды. Счастливое кодирование :)
|