Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   В чем сходство Function и Eval? (https://javascript.ru/forum/misc/48492-v-chem-skhodstvo-function-i-eval.html)

foo 06.07.2014 11:59

В чем сходство Function и Eval?
 
У крокфорда в good parts есть утверждение, что Function -- это, почти то же самое что eval. Я копаюсь уже битый час, и не могу понять вообще, что у них общего. Насколько я понял, Function сразу компилируется в обычную анонимную ф-цию. И в дальнейшем, она ведет себя как обычная ф-ция, даже с сохранением лексического скопа в замыканиях.
Код:

fu=Function("var a=1; return function(){return(a)}")
console.log(""+fu)
//
//out:
//function anonymous() {
//var a=1; return function(){return(a)}
//}

inner_fu=fu()
console.log(inner_fu())
//out:
//1

Что же общего нашел крокфорд между ними? Покажите пример эквивалентного поведения, пожалуйста.

kobezzza 06.07.2014 12:27

Общее то, что они работают со строками, т.е. компилируют строки в JS. Function всегда создаёт глобальные функции, т.е.

var a = 1;

(function () {
    var a = 2;
    new Function('alert(a)')(); // 1
})();


A eval работает в том контексте, в котором он был вызван.

var a = 1;

(function () {
    var a = 2;
    eval('alert(a)'); // 2
})();


В 99% случаев лучше использовать Function, т.к. для такого кода также используется JIT компилятор VM, а вот для eval конструкций нет и это может серьёзно сказаться на производительности, а самое страшное то, что вызов eval внутри блока также отменяет использование JIT для всего блока:

// Очень быстрый цикл, т.к. используется JIT
for (var i = 0; i < 1e6; i++) {
    console.log(el);
}

// Всё будет очень тормозить, т.к. вызов eval внутри цикла отменил использование JIT для всей конструкции.
for (var i = 0; i < 1e6; i++) {
    eval('console.log(el);');
}

kobezzza 06.07.2014 12:31

Цитата:

Покажите пример эквивалентного поведения, пожалуйста.
// Парсинг строки как литерала объекта
var a = '({a: 1, b: 2})';

eval(a); // {a: 1, b: 2}

new Function('return ' + a)(); // {a: 1, b: 2}


// Создание функции из строки (однако следует помнить про то, что у функций будет разный контекст)

eval('(function (a, b) { return a + b; })')(1, 2) // 3

new Function('a', 'b', 'return a + b')(1, 2) // 3

Aetae 06.07.2014 12:38

var a = '{a: 1, b: 2}';
 
eval(a); // {a: 1, b: 2}
kobezzza, ёшкин кот, этож классический пример.
eval(a); //syntax error

kobezzza 06.07.2014 12:40

Цитата:

Сообщение от Aetae (Сообщение 319660)
var a = '{a: 1, b: 2}';
 
eval(a); // {a: 1, b: 2}
kobezzza, ёшкин кот, этож классический пример.
eval(a); //syntax error

Поправил, вечно забываю про метки.

foo 06.07.2014 13:56

Цитата:

Сообщение от kobezzza
В 99% случаев лучше использовать Function

Провел небольшой тестик на ноде, который мне дает основание усомниться:
Код:


test1=function(){
var i=1000000
while(i){
        a=Function("test")
        i--
}
}

test2=function(){
var i=1000000
while(i){
        a=function(){"test"}
        i--
}
}

console.time(1)
        test1()
console.timeEnd(1)

console.time(2)
        test2()
console.timeEnd(2)
1: 2133ms
2: 60ms

с эвалом даже получше дела обстоят:
Код:

a=1
test3=function(){
var i=1000000
while(i){
        a=eval("a")
        i--
}
}


console.time(3)
        test3()
console.timeEnd(3)
3: 1362ms


kobezzza 06.07.2014 14:01

Цитата:

В 99% случаев лучше использовать Function
Ты троллишь чтоли? Я имел ввиду Function предпочтительнее eval в 99%.

Цитата:

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

Цитата:

с эвалом даже получше дела обстоят:
У тебя разные вещи происходят в eval и Function, или ты не заметил?

ЗЫ: а вообще ты мне надоел, можешь гавнокодить как тебе захочется.

foo 06.07.2014 14:07

Цитата:

Сообщение от kobezzza
У тебя разные вещи происходят в eval и Function, или ты не заметил?

Это не столь важно
a=eval("(function(){'test'})")
3: 1267ms

foo 06.07.2014 14:08

Цитата:

Сообщение от kobezzza
можешь гавнокодить как тебе захочется.

Дело не в этом. Важно докопаться до истины.

kobezzza 06.07.2014 14:14

Т.е. ты не видешь, что

Function("test")


и

function(){"test"}


Это разные по функционалу функции?

alert(Function("test").toString())


Более того, на таких убогий тестах вообще нельзя делать никаких выводов.


Часовой пояс GMT +3, время: 06:15.