Реализация метода toSource () в Mozilla в Internet Explorer

Question

Кто-нибудь реализовал метод Mozilla Object.toSource () для Internet Explorer и других браузеров не от Gecko? Я ищу легкий способ сериализации простых объектов в строки.

Answer 1

Учитывайте следующее: (при использовании FireFox 3.6)

javascript:
  x=function(){alert('caveat compter')};
  alert(['JSON:\t',JSON.stringify(x),'\n\ntoSource():\t',x.toSource()].join(''));

, который отображает:

JSON:

toSource (): (function () {alert ("caveat compter");})

или даже:

javascript:
x=[];x[3]=x;
alert('toSource():\t'+x.toSource());
alert('JSON can not handle this at all and goes "infinite".');
alert('JSON:\n'+JSON.stringify(x));

, который отображает:

toSource (): # 1 = [,,, # 1 #]

и сообщение о «идущем бесконечном», откуда следует рекурсивное отступление JSON в стеке потока.

В примерах подчеркиваются тонкости выражения, явно исключенные из представления JSON, которые отображаются в toSource ().

Нелегко составить программу для воспроизведения тех же результатов, для ВСЕХ случаев, что и примитив Gecko toSource (), который является исключительно мощным.

Ниже приведены несколько «движущихся целей», которые ДОЛЖНА успешно обрабатывать программа, дублирующая функциональность toSource ():

javascript:
function render(title,src){ (function(objRA){
    alert([ title, src,
        '\ntoSource():',objRA.toSource(),
        '\nJSON:',JSON.stringify(objRA)     ].join('\n'));
    })(eval(src));
}
render('Simple Raw Object source code:',
    '[new Array, new Object, new Number, new String, ' +
        'new Boolean, new Date, new RegExp, new Function]'  );

render( 'Literal Instances source code:',
    '[ [], 1, true, {}, "", /./, new Date(), function(){} ]'    );

render( 'some predefined entities:',
    '[JSON, Math, null, Infinity, NaN, ' +
        'void(0), Function, Array, Object, undefined]'      );

, который отображает:

    Simple Raw Object source code:
    [new Array, new Object, new Number, new String, 
                new Boolean, new Date, new RegExp, new Function]

    toSource():
    [[], {}, (new Number(0)), (new String("")), 
                (new Boolean(false)), (new Date(1302637995772)), /(?:)/, 
                            (function anonymous() {})]

    JSON:
    [[],{},0,"",false,"2011-04-12T19:53:15.772Z",{},null]

и затем отображает:

    Literal Instances source code: 
    [ [], 1, true, {}, "", /./, new Date(), function(){} ]

    toSource():  
    [[], 1, true, {}, "", /./, (new Date(1302638514097)), (function () {})]

    JSON:  
    [[],1,true,{},"",{},"2011-04-12T20:01:54.097Z",null]

и наконец:

    some predefined entities:
    [JSON, Math, null, Infinity, NaN, void(0), 
                        Function, Array, Object, undefined]

    toSource():
    [JSON, Math, null, Infinity, NaN, (void 0), 
        function Function() {[native code]}, function Array() {[native code]}, 
            function Object() {[native code]}, (void 0)]

    JSON:
    [{},{},null,null,null,null,null,null,null,null]

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

Качество функции toSource () является фактором денотационной семантики программы, влияющим, но не ограничивающимся:
вычисления туда-обратно, свойства наименьшей фиксированной точки и обратные функции.

• Есть ли повторение преобразования кода успокоить до статического состояния?
• ли obj.toSource () == Eval (Eval (Eval (obj.toSource ()). toSource ()). toSource ()). toSource ()
• Имеет ли смысл рассмотреть есть ли obj == eval (obj.toSource ())?
• Отменяет ли преобразование результат, а не просто похожий объект, но ИДЕНТИЧНЫЙ?
  Это загруженный вопрос с глубокими последствиями при клонировании оперативного объекта.

и многое, многое другое ...

Обратите внимание, что приведенные выше вопросы приобретают дополнительное значение, когда obj содержит объект исполняемого кода, такой как (новая функция ...) ()!

Answer 2

Если вам нужно сериализовать объекты с циклическими ссылками, вы можете использовать расширение cycle.js для объекта JSON Дугласа Крокфорда, доступное по адресу https://github.com/douglascrockford/JSON-js. Это работает очень похоже на toSource (), хотя и не сериализует функции (но, вероятно, может быть адаптировано для использования метода toString функции).

Answer 3

Если точное совпадение с форматом сериализации Firefox не является вашей целью, вы можете использовать одну из библиотек JavaScript JSON для сериализации / десериализации, перечисленных в http://json.org. Использование стандартной схемы, такой как JSON, может быть лучше, чем имитация проприетарного Gecko формат.

Answer 4

Вы можете сделать что-то вроде этого:

Object.prototype.getSource = function() {
    var output = [], temp;
    for (var i in this) {
        if (this.hasOwnProperty(i)) {
            temp = i + ":";
            switch (typeof this[i]) {
                case "object" :
                    temp += this[i].getSource();
                    break;
                case "string" :
                    temp += "\"" + this[i] + "\"";    // add in some code to escape quotes
                    break;
                default :
                    temp += this[i];
            }
            output.push(temp);
        }
    }
    return "{" + output.join() + "}";
}

Answer 5

Чтобы продвинуться немного дальше: когда вы отправляете что-то - для работы - получатель должен получить это и иметь возможность работать с этим. Таким образом, следующий фрагмент кода сделает свое дело - адаптированный из предыдущего ответа Элиран Малка .

// SENDER IS WRAPPING OBJECT TO BE SENT AS STRING
// object to serialize
var s1 = function (str) {
    return {
        n: 8,
        o: null,
        b: true,
        s: 'text',
        a: ['a', 'b', 'c'],
        f: function () {
            alert(str)
        }
    }
};
// test
s1("this function call works!").f();
// serialized object; for newbies: object is now a string and can be sent ;)
var code = s1.toString();

// RECEIVER KNOWS A WRAPPED OBJECT IS COMING IN
// you have to assign your wrapped object to somevar
eval('var s2  = ' + code);
// and then you can test somevar again
s2("this also works!").f();

Помните об использовании eval. Если вам принадлежит весь передаваемый код: не стесняйтесь использовать его (хотя он также может иметь недостатки). Если вы не знаете, откуда исходит источник: это нет-нет.

javascript object tosource stringify eval

Answer 6

Никто еще не упомянул об этом, поэтому я укажу, что для Mozilla Object.toSource в https://github.com/oliver-moran/toSource.js

доступен полифилл

Answer 7

Вам не нужно использовать toSource(); оберните код для сериализации в функцию, которая возвращает структуру JSON, и используйте вместо этого function#toString():

var serialized = function () {
    return {
        n: 8,
        o: null,
        b: true,
        s: 'text',
        a: ['a', 'b', 'c'],
        f: function () {
            alert('!')
        }
    }
};
serialized.toString();

См. живую демонстрацию на jsFiddle .

Answer 8

См. Также Форматирование данных JavaScript / симпатичный принтер . Я думаю, что подпрограмма экспортируется в допустимом формате JS, поэтому ее можно вернуть обратно.

[EDIT] На самом деле нет! Это нормально для быстрого дампа, но не для реальной сериализации. Я его улучшил, результат ниже:

function SerializeObject(obj, indentValue)
{
  var hexDigits = "0123456789ABCDEF";
  function ToHex(d)
  {
    return hexDigits[d >> 8] + hexDigits[d & 0x0F];
  }
  function Escape(string)
  {
    return string.replace(/[\x00-\x1F'\\]/g,
        function (x)
        {
          if (x == "'" || x == "\\") return "\\" + x;
          return "\\x" + ToHex(String.charCodeAt(x, 0));
        })
  }

  var indent;
  if (indentValue == null)
  {
    indentValue = "";
    indent = ""; // or " "
  }
  else
  {
    indent = "\n";
  }
  return GetObject(obj, indent).replace(/,$/, "");

  function GetObject(obj, indent)
  {
    if (typeof obj == 'string')
    {
      return "'" + Escape(obj) + "',";
    }
    if (obj instanceof Array)
    {
      result = indent + "[";
      for (var i = 0; i < obj.length; i++)
      {
        result += indent + indentValue +
            GetObject(obj[i], indent + indentValue);
      }
      result += indent + "],";
      return result;
    }
    var result = "";
    if (typeof obj == 'object')
    {
      result += indent + "{";
      for (var property in obj)
      {
        result += indent + indentValue + "'" +
            Escape(property) + "' : " +
            GetObject(obj[property], indent + indentValue);
      }
      result += indent + "},";
    }
    else
    {
      result += obj + ",";
    }
    return result.replace(/,(\n?\s*)([\]}])/g, "$1$2");
  }
}

indentValue может быть нулевым, "", "", "\ t" или любым другим. Если ноль, без отступа, выведите довольно компактный результат (можно использовать меньше пробелов ...).

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