0

Нужно создать функцию, которая бы работала так:

let storage = createStorage();
storage.setItem('userName': 'Alex');
storage.getItem('userName'); // 'Alex'
storage.getItem('userAge'); // null
storage.hasItem('userAge'); // false
storage.setItem('userAge': 28);
storage.hasItem('userAge'); // true
storage.length(); // 2
storage.removeItem('userName');
storage.length(); // 1
storage.clear();
storage.length(); // 0

Додумалась только до функции-конструктора, а тема сама замыкание и области видимости. Не очень понятно, где и как их применить.

function createStorage (userName, userAge) {
    this.userName = userName;
    this.userAge = userAge;
    
}
let storage = new createStorage();
storage.setItem('userName', 'Alex');
storage.getItem('userName'); 

дальше этого не идет :(

1
  • storage.setItem('userName': 'Alex'); - вот так будет синтаксическая ошибка
    – Grundy
    23 мар 2021 в 9:24

3 ответа 3

3

По функционалу ваше замыкание это обычный Map

Вам нужно переименовать методы Map под ваши и всё.

storage.getItem -> map.get
storage.setItem -> map.set
storage.length -> map.size
storage.hasItem -> map.has
storage.removeItem -> map.delete
storage.clear -> map.clear

Будет это все примерно так

createStorage(){
 let map = new Map();
 return {
   getItem: function (key) { return map.get(key)? map.get(key) : null; }
   .....
 };// return
}

UPD нужно сделать было так

function createStorage() {
    let map = new Map();
    return {
        getItem: function (key) { return map.get(key)? map.get(key) : null; },
        setItem: function (key, value) { return map.set(key, value); },
        hasItem: function (key) { return map.has(key); },
        length: function () { return map.size; },
        removeItem: function(key) { return map.delete(key); },
        clear: function() {return map.clear();}
   
    }
}

let storage = createStorage();
storage.setItem('userName', 'Alex');
storage.getItem('userName'); // 'Alex'
console.log(storage.getItem('userName'));

storage.getItem('userAge'); // null
console.log(storage.getItem('userAge'));

storage.hasItem('userAge'); // false
console.log(storage.hasItem('userAge'));

storage.setItem('userAge', 28);
console.log(storage.getItem('userAge'));

storage.hasItem('userAge'); // true
console.log(storage.hasItem('userAge'));

storage.length(); // 2
console.log(storage.length());

storage.removeItem('userName');
console.log(storage.getItem('userName'));

storage.length(); // 1
console.log(storage.length());

storage.clear();
storage.length(); // 0
console.log(storage.length());

или чуть короче вариант

function createStorage() {
    let map = new Map();
    return {
        getItem: key => map.get(key)? map.get(key) : null,
        setItem: (key, value) => map.set(key, value),
        hasItem: key => map.has(key),
        length: _ => map.size,
        removeItem: key => map.delete(key),
        clear: _ => map.clear()
    }
}

let storage = createStorage();
storage.setItem('userName', 'Alex');
storage.getItem('userName'); // 'Alex'
console.log(storage.getItem('userName'));

storage.getItem('userAge'); // null
console.log(storage.getItem('userAge'));

storage.hasItem('userAge'); // false
console.log(storage.hasItem('userAge'));

storage.setItem('userAge', 28);
console.log(storage.getItem('userAge'));

storage.hasItem('userAge'); // true
console.log(storage.hasItem('userAge'));

storage.length(); // 2
console.log(storage.length());

storage.removeItem('userName');
console.log(storage.getItem('userName'));

4
  • Не посмотрите ответ? Что-то ide ругается, а я пока плохо разбираюсь совсем :( 22 мар 2021 в 20:31
  • @AliaTempora Подправил ответ для наглядности 23 мар 2021 в 6:24
  • Нашла, где были ошибки. Спасибо большое! 23 мар 2021 в 9:16
  • @AliaTempora не вопрос пользуйтесь 23 мар 2021 в 9:16
2

Хоть по функционалу ваш код очень похож нa Map, но в принципе можно некоторый аналог написать и без Map. Как-то так:

function createStorage() {
    let storage = Object.create(null);
    let storageLength = 0;
    
    return {
        setItem(key, value) {
            if ( !(key in storage) )
                ++storageLength;
            storage[key] = value;
            return this;
        },
        getItem(key) {
            if (key in storage)
                return storage[key];
            return null;
        },
        hasItem(key) {
            return key in storage;
        },
        length() {
            return storageLength;
        },
        removeItem(key) {
            if (key in storage) {
                --storageLength;
                delete storage[key];
                return true;
            }
            return false;
        },
        clear() {
            storageLength = 0;
            storage = Object.create(null);
        },
    };
}

let storage = createStorage();
storage.setItem('userName', 'Alex');

console.log( storage.getItem('userName') ); // 'Alex'
console.log( storage.getItem('userAge') ); // null
console.log( storage.hasItem('userAge') ); // false

storage.setItem('userAge', 28);

console.log( storage.hasItem('userAge') ); // true
console.log( storage.length() ); // 2

storage.removeItem('userName');

console.log( storage.length() ); // 1

storage.clear();

console.log( storage.length() ); // 0

Хотя это, конечно же, не полный аналог Map. Ведь у него в качестве свойств могут выступать не только строки и символы.

0
function createStorage() {
    let map = new Map();
    return {
        getItem: function (key) { return map.get(key); },
        setItem: function (key) { return map.set(key); },
        hasItem: function (key) { return map.has(key); },
        lenth: function (key) { return map.size(key); },
        removeItem: function(key) { return map.delete(key); },
        clear: function() {return map.clear}
   
    }
}

let storage = createStorage();
storage.setItem('userName', 'Alex');
storage.getItem('userName'); // 'Alex'
storage.getItem('userAge'); // null
storage.hasItem('userAge'); // false
storage.setItem('userAge', 28);
storage.hasItem('userAge'); // true
storage.length(); // 2
storage.removeItem('userName');
storage.length(); // 1
storage.clear();
storage.length(); // 0
1
  • clear: function() {return map.clear} - вот тут пропущен вызов функции clear - это значит очищаться ничего не будет
    – Grundy
    23 мар 2021 в 9:25

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.