5

Возникла заминка при работе с Local Storage, есть объект с переменными вида:

var Data = {
    ccurrentFunction: null,
    Name: "Павлик",
    crank: "Начинающий",
    cday: 1,
    ctime: 5,
};

В этот объект данные перезаписываются, а потом извлекаются при необходимости. Особенно важно свойство currentFunction.

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

Вот пример:

function training(){
    currentFunction = training;
    // код JS
};

В объект передаётся имя функции:

Data.ccurrentFunction = currentFunction;

Далее просто перемещаем сформированный объект в Local Storage:

localStorage.setItem('savedata', JSON.stringify(Data));

В итоге объект сохраняется в хранилище, но без currentFunction, остальные есть.

Т.е. имя функции, воспринимаемое как функция, не преобразовывается в строку и вообще не записывается в хранилище.

Подскажите, пожалуйста, как можно передать имя функции в хранилище, чтобы потом извлечь его и вызвать.

Спасибо!

2
  • 2
    Сохраните как строку. currentFunction = 'training';. Либо используйте костыль toSource() и запишите содержимое функции ( Лучше не надо)
    – Node_pro
    31 авг 2020 в 9:33
  • 2
    Если нужно имя фукнции как строка, можно использовать currentFunction.name. См. developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/… 31 авг 2020 в 9:38

1 ответ 1

3

Вот что происходит при преобразовании объекта в строку и обратно:

const func1 = () => {
  console.log("функция")
}

const obj = {
  boolean: true,
  string: "строка",
  number: 12345,
  nul: null,
  undfd: undefined,
  inf: Infinity,
  date: new Date(),
  func1,
  func2: func1,
  func3: "func1"
}

const newObj = JSON.parse(JSON.stringify(obj))

console.log(newObj)
// {
//  "boolean": true,
//  "string": "строка",
//  "number": 12345,
//  "nul": null,
//  "inf": null,
//  "date": "2020-08-28T22:06:14.982Z",
//  "func3": "func1"
// }

если Вы используете в нем структуры данных Map, Set, классы типа Date, Infinity, undefined, функции, типизированные массивы и др.

Самым простым вариантом будет записывать название функции в объект как строку:

func3: "func1" 

и далее работать уже с ней.

3
  • Спасибо. В целом всё ясно. Сделал следующим образом сохранил отдельно функцию целиком, таким образом: localStorage.setItem('savename', currentFunction); Сохранилась вся функция строкой. Затем преобразовал с помощью eval, таким образом: var loadFunc = localStorage.getItem('savename'); loadFunc = eval('(' + loadFunc + ')'); loadFunc (); Правда с одной вложенной функцией начались проблемы. Но тут уже другая история. 31 авг 2020 в 10:52
  • @ExtraCamelot, странно, что проблемы всего с одной ... всё еще впереди 1 сен 2020 в 0:59
  • @Sergei Kirjanov Вы правы. В итоге эта одна потащила за собой другие. Этот способ не работает, если проект разбит на несколько файлов. Если в одном, то всё в порядке. 7 сен 2020 в 14:04

Ваш ответ

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

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