У меня есть HTML-код, содержащий строку JSON. В обратном вызове on DOM ready у меня есть что-то вроде этого:
MyObject = JSON.parse($('#TheJsonString').html());
Позже в моем коде я пишу что-то такое:
var SomeVar = MyObject.MyProp1;
И затем, когда я запускаю код через компилятор закрытия Google, я получаю предупреждение
Свойство MyProp1 никогда не определялось в MyObject.
Как должен быть написан код, чтобы он не выдавал предупреждение?
Самый простой способ удалить предупреждение — определить структуру JSON. Это можно сделать с помощью тега @type:
/** @type {{MyProp1:string}} */
Где MyProp1 — имя свойства, а string — тип.
Компилятор Google Closure переименует переменную. Если вы этого не хотите, вам нужно использовать кавычки + скобки вместо точечной записи:
MyObject['MyProp1']
Пример: вставьте следующее в компилятор закрытия:
// ==ClosureCompiler==
// @compilation_level ADVANCED_OPTIMIZATIONS
// ==/ClosureCompiler==
var MyObject;
function x() { // Magic happens at the next line
/** @type {{MyProp1:string}}*/
MyObject = JSON.parse(prompt(''));
}
function afterX() {
var SomeVar = MyObject.MyProp1;
alert(SomeVar);
}
x();
afterX();
Вывод:
var a;a=JSON.parse(prompt(""));alert(a.a);
Чтобы подавить это предупреждение для конкретной функции, вы можете использовать аннотацию @suppress:
/**
* @suppress {missingProperties}
*/
function useJsonObject() { ... }
Чтобы отключить это предупреждение глобально, используйте флаг компилятора jscomp_off, чтобы отключить missingProperties класс предупреждений.
Попробуйте получить доступ к свойству таким образом:
var SomeVar = MyObject['MyProp1'];
Вместо того, чтобы помещать содержимое JSON в объект #TheJsonString в виде HTML, вы должны поместить его на свою страницу в виде фактического javascript. Если сервер генерирует контент на странице, то нет причин, по которым серверу нужно генерировать HTML, который вы затем анализируете. Сервер может просто создать переменную javascript внутри тега script и поместить в нее фактическую структуру данных javascript.
JSON.parse() очень полезен для анализа ответов ajax, но на самом деле он не нужен, когда сервер может просто поместить готовый javascript прямо на сгенерированную страницу.
<!DOCTYPE html>
<html>
<head></head>
<body>
<div id="TheJsonString">
{"bindings": "hr", "method":"asd"}
</div>
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript">
var MyObject = JSON.parse($('#TheJsonString').html());
var SomeVar = MyObject.bindings;
console.log(SomeVar);
</script>
</body>
</html>
Я тестировал это так, но он работает нормально без каких-либо предупреждений.
