eval () และ Function ใหม่ () เหมือนกันหรือไม่?

ฟังก์ชั่นทั้งสองนี้ทำสิ่งเดียวกันเบื้องหลังหรือไม่? (ในฟังก์ชันคำสั่งเดียว)

var evaluate = function(string) {
    return eval('(' + string + ')');
}

var func = function(string) {
    return (new Function( 'return (' + string + ')' )());
}

console.log(evaluate('2 + 1'));
console.log(func('2 + 1'));

ไม่พวกเขาไม่เหมือนกัน

• eval() ประเมินสตริงเป็นนิพจน์ JavaScript ภายในขอบเขตการดำเนินการปัจจุบันและสามารถเข้าถึงตัวแปรโลคัล
• new Function()แยกวิเคราะห์โค้ด JavaScript ที่เก็บไว้ในสตริงเป็นอ็อบเจ็กต์ฟังก์ชันซึ่งสามารถเรียกใช้ได้ ไม่สามารถเข้าถึงตัวแปรภายในได้เนื่องจากโค้ดทำงานในขอบเขตที่แยกต่างหาก

พิจารณารหัสนี้:

function test1() {
    var a = 11;
    eval('(a = 22)');
    alert(a);            // alerts 22
}

หากnew Function('return (a = 22);')()ถูกใช้ตัวแปรโลคัลaจะคงค่าไว้ อย่างไรก็ตามโปรแกรมเมอร์ JavaScript บางคนเช่นดักลาสคร็อกฟอร์ดเชื่อว่าไม่ควรใช้ทั้งสองอย่างเว้นแต่ว่าจำเป็นจริงๆและการหลีกเลี่ยง / ใช้ตัวFunctionสร้างบนข้อมูลที่ไม่น่าเชื่อถือนั้นไม่ปลอดภัยและไม่ฉลาด

ไม่

ในการอัปเดตของคุณการโทรไปยังevaluateและfuncให้ผลลัพธ์เดียวกัน แต่พวกเขาไม่ได้ "ทำสิ่งเดียวกันเบื้องหลัง" อย่างแน่นอน funcฟังก์ชั่นสร้างฟังก์ชั่นใหม่ แต่แล้วทันทีรันในขณะที่evaluateฟังก์ชั่นเพียงแค่รันโค้ดบนจุด

จากคำถามเดิมที่ว่า

var evaluate = function(string) {
    return eval(string);
}
var func = function(string) {
    return (new Function( 'return (' + string + ')' )());
}

สิ่งเหล่านี้จะให้ผลลัพธ์ที่แตกต่างกันมาก:

evaluate('0) + (4');
func('0) + (4');

new Functionสร้างฟังก์ชันที่สามารถใช้ซ้ำได้ evalเพียงแค่รันสตริงที่กำหนดและส่งกลับผลลัพธ์ของคำสั่งสุดท้าย คำถามของคุณเข้าใจผิดในขณะที่คุณพยายามสร้างฟังก์ชัน Wrapper ที่ใช้ฟังก์ชันเพื่อเลียนแบบ eval

เป็นความจริงที่พวกเขาแบ่งปันรหัสหลังม่าน? ใช่มีโอกาสมาก รหัสเดียวกันหรือไม่ ไม่อย่างแน่นอน

เพื่อความสนุกสนานนี่คือการใช้งานที่ไม่สมบูรณ์ของฉันเองโดยใช้ eval เพื่อสร้างฟังก์ชัน หวังว่ามันจะทำให้เกิดความแตกต่าง!

function makeFunction() {
  var params = [];
  for (var i = 0; i < arguments.length -  1; i++) {
    params.push(arguments[i]);
  }
  var code = arguments[arguments.length -  1];


 // Creates the anonymous function to be returned
 // The following line doesn't work in IE
 // return eval('(function (' + params.join(',')+ '){' + code + '})');
 // This does though
 return eval('[function (' + params.join(',')+ '){' + code + '}][0]');
}

ความแตกต่างที่ใหญ่ที่สุดระหว่างฟังก์ชันนี้กับฟังก์ชันใหม่คือฟังก์ชันไม่ได้กำหนดขอบเขตคำศัพท์ ดังนั้นมันจะไม่สามารถเข้าถึงตัวแปรการปิดและของฉันได้

เพียงแค่ต้องการชี้ให้เห็นไวยากรณ์ที่ใช้ในตัวอย่างที่นี่และความหมาย:

 var func = function(string) {
     return (new Function( 'return (' + string + ')' )());
 }

สังเกตว่าฟังก์ชัน (... ) () มีเครื่องหมาย "()" ต่อท้าย ไวยากรณ์นี้จะทำให้ func ดำเนินการฟังก์ชันใหม่และส่งคืนสตริงไม่ใช่ฟังก์ชันที่ส่งคืนสตริง แต่ถ้าคุณใช้สิ่งต่อไปนี้:

 var func = function(string) {
     return (new Function( 'return (' + string + ')' ));
 }

ตอนนี้ func จะส่งคืนฟังก์ชันที่ส่งคืนสตริง

ถ้าคุณหมายถึงมันจะให้ผลลัพธ์เหมือนกันใช่ไหม ... แต่การจะประเมิน (aka "ประเมินสตริงของ JavaScript นี้") จะง่ายกว่ามาก

แก้ไขด้านล่าง:

มันเหมือนกับว่า ... ปัญหาทางคณิตศาสตร์สองข้อนี้เหมือนกัน:

1 + 1

1 + 1 + 1 - 1 + 1 - 1 * 1/1

ในตัวอย่างนั้นผลลัพธ์จะเหมือนกันใช่ ทั้งสองดำเนินการแสดงออกที่คุณส่งผ่าน นี่คือสิ่งที่ทำให้พวกเขาอันตรายมาก

แต่พวกเขาทำสิ่งที่แตกต่างกันหลังกลิ่น ฟังก์ชันที่เกี่ยวข้องกับnew Function()เบื้องหลังจะสร้างฟังก์ชันที่ไม่ระบุตัวตนจากรหัสที่คุณจัดหาซึ่งจะดำเนินการเมื่อเรียกใช้ฟังก์ชัน

JavaScript ที่คุณส่งผ่านไปจะไม่ถูกเรียกใช้งานในทางเทคนิคจนกว่าคุณจะเรียกใช้ฟังก์ชันนิรนาม ซึ่งตรงกันข้ามกับeval()ที่เรียกใช้โค้ดทันทีและไม่ได้สร้างฟังก์ชันตามโค้ด