Hướng dẫn method evaluates a string of javascript code in the context of the specified object - phương thức đánh giá một chuỗi mã javascript trong ngữ cảnh của đối tượng được chỉ định

Thử nó

Cú pháp

Thông số

function strictContext() {
  "use strict";
  eval?.(`with(Math) console.log(PI);`);
}
function strictContextStrictEval() {
  "use strict";
  eval?.(`"use strict"; with(Math) console.log(PI);`);
}
strictContext(); // Logs 3.141592653589793
strictContextStrictEval(); // Throws a SyntaxError because the source string is in strict mode

Một chuỗi đại diện cho một biểu thức, câu lệnh hoặc chuỗi câu lệnh JavaScript. Biểu thức có thể bao gồm các biến và thuộc tính của các đối tượng hiện có. Nó sẽ được phân tích cú pháp như một tập lệnh, do đó, các khai báo ____29 (chỉ có thể tồn tại trong các mô -đun) không được phép.

Giá trị trả về

Giá trị hoàn thành của việc đánh giá mã đã cho. Nếu giá trị hoàn thành trống,

function nonStrictContext() {
  eval(`with(Math) console.log(PI);`);
}
function strictContext() {
  "use strict";
  eval(`with(Math) console.log(PI);`);
}
nonStrictContext(); // Logs 3.141592653589793
strictContext(); // Throws a SyntaxError because it's in strict mode

Sự mô tả

function strictContext() {
  "use strict";
  eval?.(`with(Math) console.log(PI);`);
}
function strictContextStrictEval() {
  "use strict";
  eval?.(`"use strict"; with(Math) console.log(PI);`);
}
strictContext(); // Logs 3.141592653589793
strictContextStrictEval(); // Throws a SyntaxError because the source string is in strict mode

Đối số của hàm

function strictContext() {
  "use strict";
  eval?.(`with(Math) console.log(PI);`);
}
function strictContextStrictEval() {
  "use strict";
  eval?.(`"use strict"; with(Math) console.log(PI);`);
}
strictContext(); // Logs 3.141592653589793
strictContextStrictEval(); // Throws a SyntaxError because the source string is in strict mode

function nonStrictContext() {
  eval(`with(Math) console.log(PI);`);
}
function strictContext() {
  "use strict";
  eval(`with(Math) console.log(PI);`);
}
nonStrictContext(); // Logs 3.141592653589793
strictContext(); // Throws a SyntaxError because it's in strict mode

Có hai chế độ của các cuộc gọi

function strictContext() {
  "use strict";
  eval?.(`with(Math) console.log(PI);`);
}
function strictContextStrictEval() {
  "use strict";
  eval?.(`"use strict"; with(Math) console.log(PI);`);
}
strictContext(); // Logs 3.141592653589793
strictContextStrictEval(); // Throws a SyntaxError because the source string is in strict mode

function nonStrictContext() {
  eval(`with(Math) console.log(PI);`);
}
function strictContext() {
  "use strict";
  eval(`with(Math) console.log(PI);`);
}
nonStrictContext(); // Logs 3.141592653589793
strictContext(); // Throws a SyntaxError because it's in strict mode

function nonStrictContext() {
  eval(`with(Math) console.log(PI);`);
}
function strictContext() {
  "use strict";
  eval(`with(Math) console.log(PI);`);
}
nonStrictContext(); // Logs 3.141592653589793
strictContext(); // Throws a SyntaxError because it's in strict mode

function nonStrictContext() {
  eval(`with(Math) console.log(PI);`);
}
function strictContext() {
  "use strict";
  eval(`with(Math) console.log(PI);`);
}
nonStrictContext(); // Logs 3.141592653589793
strictContext(); // Throws a SyntaxError because it's in strict mode

function nonStrictContext() {
  eval(`with(Math) console.log(PI);`);
}
function strictContext() {
  "use strict";
  eval(`with(Math) console.log(PI);`);
}
nonStrictContext(); // Logs 3.141592653589793
strictContext(); // Throws a SyntaxError because it's in strict mode

// Indirect call using the comma operator to return eval
(0, eval)('x + y');

// Indirect call through optional chaining
eval?.('x + y');

// Indirect call using a variable to store and return eval
const geval = eval;
geval('x + y');

// Indirect call through member access
const obj = { eval };
obj.eval('x + y');

Eval Eval có thể được nhìn thấy như thể mã được đánh giá trong một thẻ

function nonStrictContext() {
  eval(`with(Math) console.log(PI);`);
}
function strictContext() {
  "use strict";
  eval(`with(Math) console.log(PI);`);
}
nonStrictContext(); // Logs 3.141592653589793
strictContext(); // Throws a SyntaxError because it's in strict mode

• EDIRECT EVAL hoạt động trong phạm vi toàn cầu thay vì phạm vi cục bộ và mã được đánh giá không có quyền truy cập vào các biến cục bộ trong phạm vi mà nó được gọi.

  function test() {
    const x = 2, y = 4;
    // Direct call, uses local scope
    console.log(eval('x + y')); // Result is 6
    console.log(eval?.('x + y')); // Uses global scope, throws because x is undefined
  }
  

• Gián tiếp

  function nonStrictContext() {
    eval(`with(Math) console.log(PI);`);
  }
  function strictContext() {
    "use strict";
    eval(`with(Math) console.log(PI);`);
  }
  nonStrictContext(); // Logs 3.141592653589793
  strictContext(); // Throws a SyntaxError because it's in strict mode
  

  6 sẽ không thừa hưởng sự nghiêm ngặt của bối cảnh xung quanh và sẽ chỉ ở chế độ nghiêm ngặt nếu bản thân chuỗi nguồn có chỉ thị

  // Neither context nor source string is strict,
  // so var creates a variable in the surrounding scope
  eval("var a = 1;");
  console.log(a); // 1
  // Context is not strict, but eval source is strict,
  // so b is scoped to the evaluated script
  eval("'use strict'; var b = 1;");
  console.log(b); // ReferenceError: b is not defined
  
  function strictContext() {
    "use strict";
    // Context is strict, but this is indirect and the source
    // string is not strict, so c is still global
    eval?.("var c = 1;");
    // Direct eval in a strict context, so d is scoped
    eval("var d = 1;");
  }
  strictContext();
  console.log(c); // 1
  console.log(d); // ReferenceError: d is not defined
  

  1.

  function strictContext() {
    "use strict";
    eval?.(`with(Math) console.log(PI);`);
  }
  function strictContextStrictEval() {
    "use strict";
    eval?.(`"use strict"; with(Math) console.log(PI);`);
  }
  strictContext(); // Logs 3.141592653589793
  strictContextStrictEval(); // Throws a SyntaxError because the source string is in strict mode
  

  Mặt khác, Eval trực tiếp thừa hưởng sự nghiêm ngặt của bối cảnh gọi.

  function nonStrictContext() {
    eval(`with(Math) console.log(PI);`);
  }
  function strictContext() {
    "use strict";
    eval(`with(Math) console.log(PI);`);
  }
  nonStrictContext(); // Logs 3.141592653589793
  strictContext(); // Throws a SyntaxError because it's in strict mode
  

• ________ Các biến và khai báo hàm 42 được tuyên bố sẽ đi vào phạm vi xung quanh nếu chuỗi nguồn không được giải thích trong chế độ nghiêm ngặt-đối với Eval gián tiếp, chúng trở thành các biến toàn cầu. Nếu đó là một đánh giá trực tiếp trong bối cảnh chế độ nghiêm ngặt hoặc nếu bản thân chuỗi nguồn

  function nonStrictContext() {
    eval(`with(Math) console.log(PI);`);
  }
  function strictContext() {
    "use strict";
    eval(`with(Math) console.log(PI);`);
  }
  nonStrictContext(); // Logs 3.141592653589793
  strictContext(); // Throws a SyntaxError because it's in strict mode
  

  6 ở chế độ nghiêm ngặt, thì

  // Neither context nor source string is strict,
  // so var creates a variable in the surrounding scope
  eval("var a = 1;");
  console.log(a); // 1
  // Context is not strict, but eval source is strict,
  // so b is scoped to the evaluated script
  eval("'use strict'; var b = 1;");
  console.log(b); // ReferenceError: b is not defined
  
  function strictContext() {
    "use strict";
    // Context is strict, but this is indirect and the source
    // string is not strict, so c is still global
    eval?.("var c = 1;");
    // Direct eval in a strict context, so d is scoped
    eval("var d = 1;");
  }
  strictContext();
  console.log(c); // 1
  console.log(d); // ReferenceError: d is not defined
  

  2 và khai báo chức năng không "rò rỉ" vào phạm vi xung quanh.

  // Neither context nor source string is strict,
  // so var creates a variable in the surrounding scope
  eval("var a = 1;");
  console.log(a); // 1
  // Context is not strict, but eval source is strict,
  // so b is scoped to the evaluated script
  eval("'use strict'; var b = 1;");
  console.log(b); // ReferenceError: b is not defined
  
  function strictContext() {
    "use strict";
    // Context is strict, but this is indirect and the source
    // string is not strict, so c is still global
    eval?.("var c = 1;");
    // Direct eval in a strict context, so d is scoped
    eval("var d = 1;");
  }
  strictContext();
  console.log(c); // 1
  console.log(d); // ReferenceError: d is not defined
  

  Các khai báo

  function nonStrictContext() {
    eval(`with(Math) console.log(PI);`);
  }
  function strictContext() {
    "use strict";
    eval(`with(Math) console.log(PI);`);
  }
  nonStrictContext(); // Logs 3.141592653589793
  strictContext(); // Throws a SyntaxError because it's in strict mode
  

  3 và

  // Neither context nor source string is strict,
  // so var creates a variable in the surrounding scope
  eval("var a = 1;");
  console.log(a); // 1
  // Context is not strict, but eval source is strict,
  // so b is scoped to the evaluated script
  eval("'use strict'; var b = 1;");
  console.log(b); // ReferenceError: b is not defined
  
  function strictContext() {
    "use strict";
    // Context is strict, but this is indirect and the source
    // string is not strict, so c is still global
    eval?.("var c = 1;");
    // Direct eval in a strict context, so d is scoped
    eval("var d = 1;");
  }
  strictContext();
  console.log(c); // 1
  console.log(d); // ReferenceError: d is not defined
  

  6 trong chuỗi được đánh giá luôn được phân chia theo tập lệnh đó.
• Eval trực tiếp có thể có quyền truy cập vào các biểu thức bối cảnh bổ sung. Ví dụ: trong cơ thể của một chức năng, người ta có thể sử dụng

  // Neither context nor source string is strict,
  // so var creates a variable in the surrounding scope
  eval("var a = 1;");
  console.log(a); // 1
  // Context is not strict, but eval source is strict,
  // so b is scoped to the evaluated script
  eval("'use strict'; var b = 1;");
  console.log(b); // ReferenceError: b is not defined
  
  function strictContext() {
    "use strict";
    // Context is strict, but this is indirect and the source
    // string is not strict, so c is still global
    eval?.("var c = 1;");
    // Direct eval in a strict context, so d is scoped
    eval("var d = 1;");
  }
  strictContext();
  console.log(c); // 1
  console.log(d); // ReferenceError: d is not defined
  

  7:

  function Ctor() {
    eval("console.log(new.target)");
  }
  new Ctor(); // [Function: Ctor]
  

Trong chế độ nghiêm ngặt, khai báo một biến có tên

function nonStrictContext() {
  eval(`with(Math) console.log(PI);`);
}
function strictContext() {
  "use strict";
  eval(`with(Math) console.log(PI);`);
}
nonStrictContext(); // Logs 3.141592653589793
strictContext(); // Throws a SyntaxError because it's in strict mode

function nonStrictContext() {
  eval(`with(Math) console.log(PI);`);
}
function strictContext() {
  "use strict";
  eval(`with(Math) console.log(PI);`);
}
nonStrictContext(); // Logs 3.141592653589793
strictContext(); // Throws a SyntaxError because it's in strict mode

function Ctor() {
  eval("console.log(new.target)");
}
new Ctor(); // [Function: Ctor]

"use strict";

const eval = 1; // SyntaxError: Unexpected eval or arguments in strict mode

Nếu đối số của

function strictContext() {
  "use strict";
  eval?.(`with(Math) console.log(PI);`);
}
function strictContextStrictEval() {
  "use strict";
  eval?.(`"use strict"; with(Math) console.log(PI);`);
}
strictContext(); // Logs 3.141592653589793
strictContextStrictEval(); // Throws a SyntaxError because the source string is in strict mode

function strictContext() {
  "use strict";
  eval?.(`with(Math) console.log(PI);`);
}
function strictContextStrictEval() {
  "use strict";
  eval?.(`"use strict"; with(Math) console.log(PI);`);
}
strictContext(); // Logs 3.141592653589793
strictContextStrictEval(); // Throws a SyntaxError because the source string is in strict mode

function Ctor() {
  eval("console.log(new.target)");
}
new Ctor(); // [Function: Ctor]

function strictContext() {
  "use strict";
  eval?.(`with(Math) console.log(PI);`);
}
function strictContextStrictEval() {
  "use strict";
  eval?.(`"use strict"; with(Math) console.log(PI);`);
}
strictContext(); // Logs 3.141592653589793
strictContextStrictEval(); // Throws a SyntaxError because the source string is in strict mode

function Ctor() {
  eval("console.log(new.target)");
}
new Ctor(); // [Function: Ctor]

eval(new String('2 + 2')); // returns a String object containing "2 + 2"
eval('2 + 2');             // returns 4

Bạn có thể làm việc xung quanh giới hạn này một cách chung chung bằng cách sử dụng

function Ctor() {
  eval("console.log(new.target)");
}
new Ctor(); // [Function: Ctor]

const expression = new String('2 + 2');
eval(expression.toString());            // returns 4

Không bao giờ sử dụng eval ()!

function strictContext() {
  "use strict";
  eval?.(`with(Math) console.log(PI);`);
}
function strictContextStrictEval() {
  "use strict";
  eval?.(`"use strict"; with(Math) console.log(PI);`);
}
strictContext(); // Logs 3.141592653589793
strictContextStrictEval(); // Throws a SyntaxError because the source string is in strict mode

function strictContext() {
  "use strict";
  eval?.(`with(Math) console.log(PI);`);
}
function strictContextStrictEval() {
  "use strict";
  eval?.(`"use strict"; with(Math) console.log(PI);`);
}
strictContext(); // Logs 3.141592653589793
strictContextStrictEval(); // Throws a SyntaxError because the source string is in strict mode

function strictContext() {
  "use strict";
  eval?.(`with(Math) console.log(PI);`);
}
function strictContextStrictEval() {
  "use strict";
  eval?.(`"use strict"; with(Math) console.log(PI);`);
}
strictContext(); // Logs 3.141592653589793
strictContextStrictEval(); // Throws a SyntaxError because the source string is in strict mode

"use strict";

const eval = 1; // SyntaxError: Unexpected eval or arguments in strict mode

function strictContext() {
  "use strict";
  eval?.(`with(Math) console.log(PI);`);
}
function strictContextStrictEval() {
  "use strict";
  eval?.(`"use strict"; with(Math) console.log(PI);`);
}
strictContext(); // Logs 3.141592653589793
strictContextStrictEval(); // Throws a SyntaxError because the source string is in strict mode

Ngoài ra, các phiên dịch viên JavaScript hiện đại chuyển đổi JavaScript thành mã máy. Điều này có nghĩa là bất kỳ khái niệm đặt tên biến bị xóa sổ. Do đó, bất kỳ việc sử dụng

function strictContext() {
  "use strict";
  eval?.(`with(Math) console.log(PI);`);
}
function strictContextStrictEval() {
  "use strict";
  eval?.(`"use strict"; with(Math) console.log(PI);`);
}
strictContext(); // Logs 3.141592653589793
strictContextStrictEval(); // Throws a SyntaxError because the source string is in strict mode

function strictContext() {
  "use strict";
  eval?.(`with(Math) console.log(PI);`);
}
function strictContextStrictEval() {
  "use strict";
  eval?.(`"use strict"; with(Math) console.log(PI);`);
}
strictContext(); // Logs 3.141592653589793
strictContextStrictEval(); // Throws a SyntaxError because the source string is in strict mode

May mắn thay, có một sự thay thế rất tốt cho

function strictContext() {
  "use strict";
  eval?.(`with(Math) console.log(PI);`);
}
function strictContextStrictEval() {
  "use strict";
  eval?.(`"use strict"; with(Math) console.log(PI);`);
}
strictContext(); // Logs 3.141592653589793
strictContextStrictEval(); // Throws a SyntaxError because the source string is in strict mode

"use strict";

const eval = 1; // SyntaxError: Unexpected eval or arguments in strict mode

function strictContext() {
  "use strict";
  eval?.(`with(Math) console.log(PI);`);
}
function strictContextStrictEval() {
  "use strict";
  eval?.(`"use strict"; with(Math) console.log(PI);`);
}
strictContext(); // Logs 3.141592653589793
strictContextStrictEval(); // Throws a SyntaxError because the source string is in strict mode

function looseJsonParse(obj) {
  return eval(`(${obj})`);
}
console.log(looseJsonParse(
  "{a:(4-1), b:function(){}, c:new Date()}"
))

Mã tốt hơn mà không cần

function strictContext() {
  "use strict";
  eval?.(`with(Math) console.log(PI);`);
}
function strictContextStrictEval() {
  "use strict";
  eval?.(`"use strict"; with(Math) console.log(PI);`);
}
strictContext(); // Logs 3.141592653589793
strictContextStrictEval(); // Throws a SyntaxError because the source string is in strict mode

function test() {
  const x = 2, y = 4;
  // Direct call, uses local scope
  console.log(eval('x + y')); // Result is 6
  console.log(eval?.('x + y')); // Uses global scope, throws because x is undefined
}

Hai đoạn mã ở trên dường như hoạt động theo cùng một cách, nhưng chúng không;

function strictContext() {
  "use strict";
  eval?.(`with(Math) console.log(PI);`);
}
function strictContextStrictEval() {
  "use strict";
  eval?.(`"use strict"; with(Math) console.log(PI);`);
}
strictContext(); // Logs 3.141592653589793
strictContextStrictEval(); // Throws a SyntaxError because the source string is in strict mode

"use strict";

const eval = 1; // SyntaxError: Unexpected eval or arguments in strict mode

function strictContext() {
  "use strict";
  eval?.(`with(Math) console.log(PI);`);
}
function strictContextStrictEval() {
  "use strict";
  eval?.(`"use strict"; with(Math) console.log(PI);`);
}
strictContext(); // Logs 3.141592653589793
strictContextStrictEval(); // Throws a SyntaxError because the source string is in strict mode

eval(new String('2 + 2')); // returns a String object containing "2 + 2"
eval('2 + 2');             // returns 4

eval(new String('2 + 2')); // returns a String object containing "2 + 2"
eval('2 + 2');             // returns 4

eval(new String('2 + 2')); // returns a String object containing "2 + 2"
eval('2 + 2');             // returns 4

function strictContext() {
  "use strict";
  eval?.(`with(Math) console.log(PI);`);
}
function strictContextStrictEval() {
  "use strict";
  eval?.(`"use strict"; with(Math) console.log(PI);`);
}
strictContext(); // Logs 3.141592653589793
strictContextStrictEval(); // Throws a SyntaxError because the source string is in strict mode

eval(new String('2 + 2')); // returns a String object containing "2 + 2"
eval('2 + 2');             // returns 4

eval(new String('2 + 2')); // returns a String object containing "2 + 2"
eval('2 + 2');             // returns 4

function test() {
  const x = 2, y = 4;
  // Direct call, uses local scope
  console.log(eval('x + y')); // Result is 6
  console.log(eval?.('x + y')); // Uses global scope, throws because x is undefined
}

Do đó, trong phiên bản

function strictContext() {
  "use strict";
  eval?.(`with(Math) console.log(PI);`);
}
function strictContextStrictEval() {
  "use strict";
  eval?.(`"use strict"; with(Math) console.log(PI);`);
}
strictContext(); // Logs 3.141592653589793
strictContextStrictEval(); // Throws a SyntaxError because the source string is in strict mode

eval(new String('2 + 2')); // returns a String object containing "2 + 2"
eval('2 + 2');             // returns 4

eval(new String('2 + 2')); // returns a String object containing "2 + 2"
eval('2 + 2');             // returns 4

Trong một trường hợp liên quan, nếu bạn thực sự muốn chức năng

eval(new String('2 + 2')); // returns a String object containing "2 + 2"
eval('2 + 2');             // returns 4

eval(new String('2 + 2')); // returns a String object containing "2 + 2"
eval('2 + 2');             // returns 4

function strictContext() {
  "use strict";
  eval?.(`with(Math) console.log(PI);`);
}
function strictContextStrictEval() {
  "use strict";
  eval?.(`"use strict"; with(Math) console.log(PI);`);
}
strictContext(); // Logs 3.141592653589793
strictContextStrictEval(); // Throws a SyntaxError because the source string is in strict mode

function test() {
  const x = 2, y = 4;
  // Direct call, uses local scope
  console.log(eval('x + y')); // Result is 6
  console.log(eval?.('x + y')); // Uses global scope, throws because x is undefined
}

Mã ở trên có vẻ không hiệu quả chậm vì hàm tăng gấp ba, nhưng hãy phân tích lợi ích của phương pháp hiệu quả ở trên:

• Nó cho phép mã trong chuỗi được chuyển đến

  const expression = new String('2 + 2');
  eval(expression.toString());            // returns 4
  

  3 được thu nhỏ.
• Chi phí gọi chức năng là tối thiểu, làm cho kích thước mã nhỏ hơn nhiều giá trị lợi ích

• eval(new String('2 + 2')); // returns a String object containing "2 + 2"
  eval('2 + 2');             // returns 4
  

  9 dễ dàng hơn cho phép mã của bạn được hưởng lợi từ các cải tiến hiệu suất có thể có bởi

  const expression = new String('2 + 2');
  eval(expression.toString());            // returns 4
  

  5
• Mã không sử dụng

  function strictContext() {
    "use strict";
    eval?.(`with(Math) console.log(PI);`);
  }
  function strictContextStrictEval() {
    "use strict";
    eval?.(`"use strict"; with(Math) console.log(PI);`);
  }
  strictContext(); // Logs 3.141592653589793
  strictContextStrictEval(); // Throws a SyntaxError because the source string is in strict mode
  

  6, làm cho nó đơn hàng có độ lớn nhanh hơn so với cách khác.

Cuối cùng, hãy kiểm tra Minification. Với việc sử dụng

eval(new String('2 + 2')); // returns a String object containing "2 + 2"
eval('2 + 2');             // returns 4

const expression = new String('2 + 2');
eval(expression.toString());            // returns 4

function test() {
  const x = 2, y = 4;
  // Direct call, uses local scope
  console.log(eval('x + y')); // Result is 6
  console.log(eval?.('x + y')); // Uses global scope, throws because x is undefined
}

Ngoài ra còn có các lựa chọn thay thế an toàn hơn (và nhanh hơn!) Cho

function strictContext() {
  "use strict";
  eval?.(`with(Math) console.log(PI);`);
}
function strictContextStrictEval() {
  "use strict";
  eval?.(`"use strict"; with(Math) console.log(PI);`);
}
strictContext(); // Logs 3.141592653589793
strictContextStrictEval(); // Throws a SyntaxError because the source string is in strict mode

eval(new String('2 + 2')); // returns a String object containing "2 + 2"
eval('2 + 2');             // returns 4

Sự khác biệt giữa

function strictContext() {
  "use strict";
  eval?.(`with(Math) console.log(PI);`);
}
function strictContextStrictEval() {
  "use strict";
  eval?.(`"use strict"; with(Math) console.log(PI);`);
}
strictContext(); // Logs 3.141592653589793
strictContextStrictEval(); // Throws a SyntaxError because the source string is in strict mode

eval(new String('2 + 2')); // returns a String object containing "2 + 2"
eval('2 + 2');             // returns 4

eval(new String('2 + 2')); // returns a String object containing "2 + 2"
eval('2 + 2');             // returns 4

function looseJsonParse(obj) {
  return eval(`(${obj})`);
}
console.log(looseJsonParse(
  "{a:(4-1), b:function(){}, c:new Date()}"
))

function test() {
  const x = 2, y = 4;
  // Direct call, uses local scope
  console.log(eval('x + y')); // Result is 6
  console.log(eval?.('x + y')); // Uses global scope, throws because x is undefined
}

Bằng cách này, mã được đánh giá không có quyền truy cập vào phạm vi cục bộ và không thể xác định các biến toàn cầu.

Truy cập thuộc tính thành viên

Bạn không nên sử dụng

function strictContext() {
  "use strict";
  eval?.(`with(Math) console.log(PI);`);
}
function strictContextStrictEval() {
  "use strict";
  eval?.(`"use strict"; with(Math) console.log(PI);`);
}
strictContext(); // Logs 3.141592653589793
strictContextStrictEval(); // Throws a SyntaxError because the source string is in strict mode

function strictContext() {
  "use strict";
  eval?.(`with(Math) console.log(PI);`);
}
function strictContextStrictEval() {
  "use strict";
  eval?.(`"use strict"; with(Math) console.log(PI);`);
}
strictContext(); // Logs 3.141592653589793
strictContextStrictEval(); // Throws a SyntaxError because the source string is in strict mode

function test() {
  const x = 2, y = 4;
  // Direct call, uses local scope
  console.log(eval('x + y')); // Result is 6
  console.log(eval?.('x + y')); // Uses global scope, throws because x is undefined
}

Tuy nhiên,

function strictContext() {
  "use strict";
  eval?.(`with(Math) console.log(PI);`);
}
function strictContextStrictEval() {
  "use strict";
  eval?.(`"use strict"; with(Math) console.log(PI);`);
}
strictContext(); // Logs 3.141592653589793
strictContextStrictEval(); // Throws a SyntaxError because the source string is in strict mode

function test() {
  const x = 2, y = 4;
  // Direct call, uses local scope
  console.log(eval('x + y')); // Result is 6
  console.log(eval?.('x + y')); // Uses global scope, throws because x is undefined
}

Bạn thậm chí có thể sử dụng phương pháp này để truy cập các thuộc tính hậu duệ. Sử dụng

function strictContext() {
  "use strict";
  eval?.(`with(Math) console.log(PI);`);
}
function strictContextStrictEval() {
  "use strict";
  eval?.(`"use strict"; with(Math) console.log(PI);`);
}
strictContext(); // Logs 3.141592653589793
strictContextStrictEval(); // Throws a SyntaxError because the source string is in strict mode

function test() {
  const x = 2, y = 4;
  // Direct call, uses local scope
  console.log(eval('x + y')); // Result is 6
  console.log(eval?.('x + y')); // Uses global scope, throws because x is undefined
}

Tránh

function strictContext() {
  "use strict";
  eval?.(`with(Math) console.log(PI);`);
}
function strictContextStrictEval() {
  "use strict";
  eval?.(`"use strict"; with(Math) console.log(PI);`);
}
strictContext(); // Logs 3.141592653589793
strictContextStrictEval(); // Throws a SyntaxError because the source string is in strict mode

function test() {
  const x = 2, y = 4;
  // Direct call, uses local scope
  console.log(eval('x + y')); // Result is 6
  console.log(eval?.('x + y')); // Uses global scope, throws because x is undefined
}

Đặt một thuộc tính theo cách đó hoạt động tương tự:

function test() {
  const x = 2, y = 4;
  // Direct call, uses local scope
  console.log(eval('x + y')); // Result is 6
  console.log(eval?.('x + y')); // Uses global scope, throws because x is undefined
}

Sử dụng các chức năng thay vì đánh giá các đoạn mã

JavaScript có các chức năng hạng nhất, có nghĩa là bạn có thể chuyển các hàm dưới dạng đối số cho các API khác, lưu trữ chúng trong các thuộc tính của biến và đối tượng, v.v. Nhiều API DOM được thiết kế với tâm trí này, vì vậy bạn có thể (và nên) viết:

function strictContext() {
  "use strict";
  eval?.(`with(Math) console.log(PI);`);
}
function strictContextStrictEval() {
  "use strict";
  eval?.(`"use strict"; with(Math) console.log(PI);`);
}
strictContext(); // Logs 3.141592653589793
strictContextStrictEval(); // Throws a SyntaxError because the source string is in strict mode

Việc đóng cũng hữu ích như một cách để tạo các hàm được tham số hóa mà không cần nối các chuỗi.

Phân tích cú pháp JSON (chuyển đổi chuỗi thành các đối tượng JavaScript)

Nếu chuỗi bạn đang gọi

function strictContext() {
  "use strict";
  eval?.(`with(Math) console.log(PI);`);
}
function strictContextStrictEval() {
  "use strict";
  eval?.(`"use strict"; with(Math) console.log(PI);`);
}
strictContext(); // Logs 3.141592653589793
strictContextStrictEval(); // Throws a SyntaxError because the source string is in strict mode

function test() {
  const x = 2, y = 4;
  // Direct call, uses local scope
  console.log(eval('x + y')); // Result is 6
  console.log(eval?.('x + y')); // Uses global scope, throws because x is undefined
}

Lưu ý rằng vì cú pháp JSON bị hạn chế so với cú pháp JavaScript, nên nhiều chữ JavaScript hợp lệ sẽ không phân tích thành JSON. Ví dụ, dấu phẩy kéo dài không được phép trong JSON và tên tài sản (khóa) trong nghĩa đen đối tượng phải được đặt trong các trích dẫn. Hãy chắc chắn sử dụng trình tự kiểm tra JSON để tạo các chuỗi mà sau này sẽ được phân tích cú pháp dưới dạng JSON.

Truyền dữ liệu thay vì mã

Ví dụ: một tiện ích mở rộng được thiết kế để cạo nội dung của các trang web có thể có các quy tắc cạo được xác định trong XPath thay vì mã JavaScript.

Ví dụ

Sử dụng eval ()

Trong mã sau, cả hai câu lệnh có chứa

function strictContext() {
  "use strict";
  eval?.(`with(Math) console.log(PI);`);
}
function strictContextStrictEval() {
  "use strict";
  eval?.(`"use strict"; with(Math) console.log(PI);`);
}
strictContext(); // Logs 3.141592653589793
strictContextStrictEval(); // Throws a SyntaxError because the source string is in strict mode

function test() {
  const x = 2, y = 4;
  // Direct call, uses local scope
  console.log(eval('x + y')); // Result is 6
  console.log(eval?.('x + y')); // Uses global scope, throws because x is undefined
}

function test() {
  const x = 2, y = 4;
  // Direct call, uses local scope
  console.log(eval('x + y')); // Result is 6
  console.log(eval?.('x + y')); // Uses global scope, throws because x is undefined
}

function strictContext() {
  "use strict";
  eval?.(`with(Math) console.log(PI);`);
}
function strictContextStrictEval() {
  "use strict";
  eval?.(`"use strict"; with(Math) console.log(PI);`);
}
strictContext(); // Logs 3.141592653589793
strictContextStrictEval(); // Throws a SyntaxError because the source string is in strict mode

Eval () Trả về giá trị hoàn thành của các câu lệnh

function strictContext() {
  "use strict";
  eval?.(`with(Math) console.log(PI);`);
}
function strictContextStrictEval() {
  "use strict";
  eval?.(`"use strict"; with(Math) console.log(PI);`);
}
strictContext(); // Logs 3.141592653589793
strictContextStrictEval(); // Throws a SyntaxError because the source string is in strict mode

function test() {
  const x = 2, y = 4;
  // Direct call, uses local scope
  console.log(eval('x + y')); // Result is 6
  console.log(eval?.('x + y')); // Uses global scope, throws because x is undefined
}

function strictContext() {
  "use strict";
  eval?.(`with(Math) console.log(PI);`);
}
function strictContextStrictEval() {
  "use strict";
  eval?.(`"use strict"; with(Math) console.log(PI);`);
}
strictContext(); // Logs 3.141592653589793
strictContextStrictEval(); // Throws a SyntaxError because the source string is in strict mode

Ví dụ sau sử dụng

function strictContext() {
  "use strict";
  eval?.(`with(Math) console.log(PI);`);
}
function strictContextStrictEval() {
  "use strict";
  eval?.(`"use strict"; with(Math) console.log(PI);`);
}
strictContext(); // Logs 3.141592653589793
strictContextStrictEval(); // Throws a SyntaxError because the source string is in strict mode

function test() {
  const x = 2, y = 4;
  // Direct call, uses local scope
  console.log(eval('x + y')); // Result is 6
  console.log(eval?.('x + y')); // Uses global scope, throws because x is undefined
}

function test() {
  const x = 2, y = 4;
  // Direct call, uses local scope
  console.log(eval('x + y')); // Result is 6
  console.log(eval?.('x + y')); // Uses global scope, throws because x is undefined
}

function test() {
  const x = 2, y = 4;
  // Direct call, uses local scope
  console.log(eval('x + y')); // Result is 6
  console.log(eval?.('x + y')); // Uses global scope, throws because x is undefined
}

function test() {
  const x = 2, y = 4;
  // Direct call, uses local scope
  console.log(eval('x + y')); // Result is 6
  console.log(eval?.('x + y')); // Uses global scope, throws because x is undefined
}

function strictContext() {
  "use strict";
  eval?.(`with(Math) console.log(PI);`);
}
function strictContextStrictEval() {
  "use strict";
  eval?.(`"use strict"; with(Math) console.log(PI);`);
}
strictContext(); // Logs 3.141592653589793
strictContextStrictEval(); // Throws a SyntaxError because the source string is in strict mode

function test() {
  const x = 2, y = 4;
  // Direct call, uses local scope
  console.log(eval('x + y')); // Result is 6
  console.log(eval?.('x + y')); // Uses global scope, throws because x is undefined
}

function strictContext() {
  "use strict";
  eval?.(`with(Math) console.log(PI);`);
}
function strictContextStrictEval() {
  "use strict";
  eval?.(`"use strict"; with(Math) console.log(PI);`);
}
strictContext(); // Logs 3.141592653589793
strictContextStrictEval(); // Throws a SyntaxError because the source string is in strict mode

Nếu bạn gán nhiều giá trị thì giá trị cuối cùng được trả về.

function strictContext() {
  "use strict";
  eval?.(`with(Math) console.log(PI);`);
}
function strictContextStrictEval() {
  "use strict";
  eval?.(`"use strict"; with(Math) console.log(PI);`);
}
strictContext(); // Logs 3.141592653589793
strictContextStrictEval(); // Throws a SyntaxError because the source string is in strict mode

eval () dưới dạng hàm xác định chuỗi yêu cầu "(" và ")" như tiền tố và hậu tố

function strictContext() {
  "use strict";
  eval?.(`with(Math) console.log(PI);`);
}
function strictContextStrictEval() {
  "use strict";
  eval?.(`"use strict"; with(Math) console.log(PI);`);
}
strictContext(); // Logs 3.141592653589793
strictContextStrictEval(); // Throws a SyntaxError because the source string is in strict mode

Xem thêm