Hướng dẫn eval() function in javascript - hàm eval () trong javascript

Published Oct 26th, 2016 3:14 p.m. 4 min read 4 min read

Hôm nay mình sẽ đề cập tới 'eval' function, rất hay được sử dụng trong js.

Evaluation Expressions

Giống như các ngôn ngữ thông dịch khác, Javascript có khả năng dịch một đoạn string javascript code và excute để có gía trị output, bằng cách sử dụng hàm eval()

 eval("5+6") // => 11

Dynamic evaluation of strings of source code là 1 tính năng rất mạnh của js, và gặp rất nhiều trong thực tế.

• Eval():

eval() chỉ chấp nhận 1 đối số. Nếu bạn truyền vào nhiều hơn 1 string, nó đơn giản chỉ return lại chuỗi string đó. Nếu bạn truyền vào một chuỗi string, nó sẽ thử parse chuỗi string như 1 đoạn js code, và throw SyntaxError nếu lỗi. Thưc tế, hàm

4 + 5 = 9
4 x 5 = 20
4 - 5 = -1
4 : 5 = 0.8

   eval("function incre() { return local+1; }");

Nếu bạn gọi eval() từ top-level code, nó sẽ chạy như một global variable hoặc global variable functions.

Chú ý rằng đoạn code string bạn truyền vào eval() phải có nghĩa về mặt cú pháp nếu ko nó sẽ throw SyntaxError, bạn không thể sử dụng nó để paste một đoạn code vào trong 1 function. Nó ko có tác dụng khi viết

4 + 5 = 9
4 x 5 = 20
4 - 5 = -1
4 : 5 = 0.8

• Global eval():

Dùng eval() để thay đổi local variables là 1 vấn đề khó trong js. Để khắc phục điều đó, trình biên dịch ít tối ưu hơn trong các hàm gọi hàm eval(). Nhưng 1 trình thông dịch js nên làm được gì, tuy nhiên nếu 1 script định nghĩa 1 alias cho eval() và khi đó gọi

4 + 5 = 9
4 x 5 = 20
4 - 5 = -1
4 : 5 = 0.8

4 + 5 = 9
4 x 5 = 20
4 - 5 = -1
4 : 5 = 0.8

Trong thực tế, còn xảy ra các tình huống khác nữa. Nếu gọi bằng 1 cái tên khác, hàm eval() sẽ coi như chuỗi string đó là top-level global code. Nó có thể là global variables hoặc global function, hoặc set global variables. Ở ECMAScrip5 thì

4 + 5 = 9
4 x 5 = 20
4 - 5 = -1
4 : 5 = 0.8

var geval = eval;
var x = "global", y = "global";
function f() {
    var x = "local";
    eval("x += 'changed';");
    return x;
}
function g() {
    var y = "local";
    geval("y += 'changed';");
    return y;
    // Using another name does a global eval // Two global variables
    // This function does a local eval
    // Define a local variable
    // Direct eval sets local variable // Return changed local variable
    // This function does a global eval // A local variable
    // Indirect eval sets global variable // Return unchanged local variable
}

     console.log(f(), x); // Local variable changed: prints "localchanged global":
     console.log(g(), y); // Global variable changed: prints "local globalchanged":

• Strict eval():

ECMAScript 5 strict mode bao gồm việc giới hạn còn mạnh hơn khi sử dụng với identifier là "eval". Khi eval() được gọi từ strictmode, hoặc chuỗi string code được evaluated bắt đầu với từ chỉ thị "use strict", khi đó eval() có thể query, set local variables nhưng không thể định nghĩa biến, hoặc function.

Thank u for watching !!!

All Rights Reserved