ฟังก์ชั่นจาวาสคริปต์ชั้นนำปัง! วากยสัมพันธ์

ฉันเคยเห็นรูปแบบนี้ในห้องสมุดไม่กี่ตอนนี้และฉันสงสัยว่าผลประโยชน์คืออะไร (โปรดทราบว่าฉันทราบดีถึงการปิดและสิ่งที่รหัสกำลังทำอยู่ฉันกังวลเฉพาะความแตกต่างด้านโครงสร้างประโยค)

!function(){
  // do stuff
}();

เป็นทางเลือกให้กับคนทั่วไปมากขึ้น

(function(){
  // do stuff
})();

สำหรับการเรียกใช้ฟังก์ชันที่ไม่ระบุชื่อ

ฉันสงสัยบางสิ่ง ก่อนอื่นสิ่งที่ทำให้ตัวอย่างบนสุดใช้งานได้จริงคืออะไร เพราะเหตุใดจึงจำเป็นในการทำให้คำสั่งนี้ถูกต้องทางไวยากรณ์? ฉันยังบอกว่าใช้+งานได้และฉันแน่ใจว่าบางคนอื่นแทน!

ประการที่สองประโยชน์คืออะไร? ทั้งหมดที่ฉันสามารถบอกได้คือมันช่วยตัวละครตัวเดียว แต่ฉันไม่สามารถจินตนาการได้ว่ามันเป็นประโยชน์อย่างมากที่จะดึงดูดผู้ใช้งานจำนวนมาก มีประโยชน์อื่นอีกไหมที่ฉันขาดหายไป?

ความแตกต่างอื่น ๆ ที่ฉันเห็นคือค่าส่งคืนของฟังก์ชันการเรียกใช้ตนเอง แต่ในตัวอย่างทั้งสองนี้เราไม่สนใจค่าส่งคืนของฟังก์ชันเนื่องจากใช้เพื่อสร้างการปิดเท่านั้น ดังนั้นบางคนสามารถบอกฉันได้ว่าทำไมอาจใช้ไวยากรณ์แรก

เป็นการดีที่คุณควรจะสามารถทำสิ่งนี้ทั้งหมดเพียงแค่:

function(){
  // do stuff
}(); 

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

ดังนั้นรูปแบบที่สั้นที่สุดของการบรรลุเป้าหมายนี้คือการใช้นิพจน์บางอย่างเช่น UnaryExpression (และ CallExpression):

!function(){
  // do stuff
}(); 

หรือเพื่อความสนุก:

-function(){
  // do stuff
}(); 

หรือ:

+function(){
  // do stuff
}(); 

หรือแม้กระทั่ง:

~function(){
  // do stuff
  return 0;
}( );

ใน Javascript บรรทัดที่ขึ้นต้นด้วยfunctionคาดว่าจะเป็นคำสั่งฟังก์ชั่นและควรจะมีลักษณะ

function doSomething() {
}

ฟังก์ชั่นที่เรียกตนเอง

function(){
  // do stuff
}();

ไม่พอดีกับรูปแบบที่ (และจะทำให้เกิดการผิดพลาดทางไวยากรณ์ที่วงเล็บเปิดครั้งแรกเพราะไม่มีชื่อฟังก์ชัน) ดังนั้นวงเล็บจะใช้ในการวาดภาพฟังก์ชั่นที่ไม่ระบุชื่อการแสดงออก

(function(){
  // do stuff
})();

แต่สิ่งใดก็ตามที่สร้างนิพจน์ (ตรงข้ามกับคำสั่งฟังก์ชั่น) จะทำเช่นนั้น !นั้น กำลังบอกล่ามว่านี่ไม่ใช่คำสั่งฟังก์ชั่น นอกเหนือจากนั้นลำดับความสำคัญของโอเปอเรเตอร์จะกำหนดว่าจะเรียกใช้ฟังก์ชันก่อนการปฏิเสธ

ฉันไม่ได้ตระหนักถึงอนุสัญญานี้ แต่ถ้าเป็นเรื่องปกติมันอาจช่วยให้อ่านได้ สิ่งที่ฉันหมายถึงคือไม่มีใครอ่าน!functionที่ด้านบนของบล็อกขนาดใหญ่ของรหัสจะคาดหวัง-ภาวนาด้วยตนเอง, (functionวิธีการที่เราจะมีการปรับอากาศอยู่แล้วที่จะคาดหวังเช่นเดียวกันเมื่อเราเห็น ยกเว้นว่าเราจะสูญเสียวงเล็บที่น่ารำคาญเหล่านั้น ฉันคาดหวังว่านั่นเป็นเหตุผลตรงข้ามกับการประหยัดความเร็วหรือจำนวนตัวละคร

นอกจากสิ่งที่พูดไปแล้วไวยากรณ์กับ! มีประโยชน์ถ้าคุณเขียน javascript ที่ไม่มีเครื่องหมายอัฒภาค:

var i = 1
!function(){
  console.log('ham')
}()

i = 2
(function(){
  console.log('cheese')
})()

ตัวอย่างแรกส่งออก 'ham' ตามที่คาดไว้ แต่ข้อที่สองจะเกิดข้อผิดพลาดเนื่องจากคำสั่ง i = 2 ไม่ได้ถูกยกเลิกเนื่องจากวงเล็บต่อไปนี้

นอกจากนี้ในไฟล์จาวาสคริปต์ที่ต่อกันคุณไม่ต้องกังวลหากโค้ดก่อนหน้านี้ไม่มีเครื่องหมายอัฒภาค ดังนั้นไม่จำเป็นต้องมีสามัญ (function () {}) (); เพื่อให้แน่ใจว่าคุณจะไม่แตก

ฉันรู้ว่าคำตอบของฉันสายไปแล้ว แต่ฉันคิดว่ามันยังไม่ได้กล่าวถึง :)

สำหรับสิ่งหนึ่ง jsPerf แสดงให้เห็นว่าการใช้!(ของ UnaryExpression) นั้นเร็วกว่า บางครั้งพวกเขาก็ออกมาเท่ากัน แต่เมื่อพวกเขาไม่ฉันไม่ได้เห็นชัยชนะหนึ่งที่ไม่มีการกระแทกมากกว่าคนอื่นมากเกินไป: http://jsperf.com/bang-function

สิ่งนี้ได้รับการทดสอบบน Ubuntu ล่าสุดด้วย Chrome ที่เก่าแก่ที่สุด (ต่อพูด .. ) รุ่น 8 ดังนั้นผลลัพธ์อาจแตกต่างกันไป

แก้ไข: สิ่งที่เกี่ยวกับสิ่งที่บ้าชอบdelete?

delete function() {
   alert("Hi!"); 
}();

หรือvoid?

void function() {
   alert("Hi!"); 
}();

ดังที่คุณเห็นที่นี่วิธีที่ดีที่สุดในการใช้วิธีเรียกตัวเองใน javascript คือ:

(function(){}()); -> 76,827,475 ops/sec

!function(){}();  -> 69,699,155 ops/sec

(function(){})(); -> 69,564,370 ops/sec

ดังนั้นด้วยการปฏิเสธ "!" และโอเปอเรเตอร์ unary อื่น ๆ ทั้งหมดเช่น +, -, ~, ลบ, เป็นโมฆะมีการบอกจำนวนมากเพียงเพื่อสรุป:

!function(){
  alert("Hi!");
}(); 

หรือ

void function(){
  alert("Hi!");
}();

หรือ

delete function(){
  alert("Hi!");
}();

และอีกสองสามกรณีที่มีตัวดำเนินการไบนารีเพื่อความสนุก :)

1 > function() {
   alert("Hi!"); 
}();

หรือ

1 * function() {
   alert("Hi!"); 
}();

หรือ

1 >>> function() {
   alert("Hi!"); 
}();

หรือแม้กระทั่ง

1 == function() {
   alert("Hi!"); 
}();

ออกจากแบบประกอบการสำหรับคนอื่น ๆ :)