Javascript - выражение eval () `{}`

Question

Почему строка типа "{opacity: 1.0, width: '132px'}" не может быть оценена с использованием eval() как есть?

eval("{opacity: 1.0, width: '132px'}");

// invalid label
// {opacity: 1.0, width: '132px'}
// ---------------ꜛ

eval("v = {opacity: 1.0, width: '132px'}");

// works!

Answer 1

Почему строка типа "{opacity: 1.0, width: '132px'}" не может быть оценена с помощью eval () как есть?

Поскольку текст возникает там, где ожидается оператор или блок, а не выражение, ипоэтому { обозначает начало блока , а не начало инициализатора объекта .(И тогда opacity: интерпретируется как метка , за которой следует разделитель операторов [запятая], а затем width: выглядит как другая метка, которая там недопустима.)

Помещение в круглые скобки изменяет контекст синтаксического анализа, так что ожидается выражение, и поэтому { открывает инициализатор.(Это та же самая причина, по которой вы видите самозаполняющиеся анонимные функции, заключенные в скобки, например (function(){ ... })();, а не просто function(){ ... }();.)

Answer 2

Почему строка типа "{opacity: 1.0, width: '132px'}" не может быть оценена с помощью eval () как есть?

Поскольку {opacity: 1.0, width: '132px'} является недействительным JavaScript как есть. Попробуйте поместить это утверждение как есть, и вы получите ошибку js. С другой стороны, v = {opacity: 1.0, width: '132px'} является действующим JavaScript.

Answer 3

Попробуйте что-то вроде этого:

eval("({opacity: 1.0, width: '132px'})");