โอเปอเรเตอร์ JavaScript >>> คืออะไรและคุณใช้งานอย่างไร?

ฉันดูโค้ดจาก Mozilla ที่เพิ่มวิธีการกรองลงใน Array และมีบรรทัดของรหัสที่ทำให้ฉันสับสน

var len = this.length >>> 0;

ฉันไม่เคยเห็น >>> ใช้ใน JavaScript มาก่อน
มันคืออะไรและมันทำอะไร?

มันไม่เพียงแปลงไม่ใช่ตัวเลขให้เป็นตัวเลข แต่แปลงเป็นตัวเลขที่สามารถแสดงเป็น ints แบบไม่ลงนามแบบ 32 บิต

แม้ว่าตัวเลข JavaScript เป็นลอยแม่นยำสอง (*), ผู้ประกอบการบิต ( <<, >>, &, |และ~) มีการกำหนดไว้ในแง่ของการดำเนินงานในจำนวนเต็ม 32 บิต การดำเนินการ bitwise จะแปลงตัวเลขเป็น int แบบ 32 บิตที่มีการสูญเสียเศษส่วนและบิตที่สูงกว่า 32 ก่อนทำการคำนวณแล้วแปลงกลับเป็น Number

ดังนั้นการดำเนินการระดับบิตโดยไม่มีผลกระทบที่แท้จริงเช่นการเลื่อนไปทางขวาของ 0 บิต>>0เป็นวิธีที่รวดเร็วในการปัดเศษตัวเลขและให้แน่ใจว่าอยู่ในช่วง int 32- บิต นอกจากนี้ตัว>>>ดำเนินการสามตัวหลังจากทำการดำเนินการที่ไม่ได้ลงชื่อแปลงผลลัพธ์ของการคำนวณเป็น Number เป็นจำนวนเต็มที่ไม่ได้ลงนามแทนที่จะเป็นจำนวนเต็มที่มีเครื่องหมายที่คนอื่นทำดังนั้นจึงสามารถใช้ในการแปลงเนกาทีฟให้เป็น 32 บิต รุ่นเป็นจำนวนมาก การใช้>>>0ให้แน่ใจว่าคุณมีจำนวนเต็มระหว่าง 0 ถึง 0xFFFFFFFF

ในกรณีนี้สิ่งนี้มีประโยชน์เพราะ ECMAScript กำหนดดัชนี Array ในรูปของ 32 บิตที่ไม่ได้ลงนาม ints ดังนั้นหากคุณกำลังพยายามที่จะนำไปใช้array.filterในลักษณะที่ซ้ำกับที่มาตรฐาน ECMAScript Fifth Edition บอกเอาไว้อย่างแน่นอนคุณจะต้องใช้ตัวเลข 32- บิตแบบไม่ลงนามแบบนี้

(ในความเป็นจริงมีความจำเป็นในการปฏิบัติเล็ก ๆ น้อย ๆ นี้เช่นหวังว่าคนจะไม่ได้ไปจะได้รับการตั้งค่าarray.lengthเพื่อ0.5, -1, 1e21หรือ'LEMONS'. แต่นี้เป็นผู้เขียน JavaScript เรากำลังพูดถึงเพื่อให้คุณไม่เคยรู้ ... )

สรุป:

1>>>0            === 1
-1>>>0           === 0xFFFFFFFF          -1>>0    === -1
1.7>>>0          === 1
0x100000002>>>0  === 2
1e21>>>0         === 0xDEA00000          1e21>>0  === -0x21600000
Infinity>>>0     === 0
NaN>>>0          === 0
null>>>0         === 0
'1'>>>0          === 1
'x'>>>0          === 0
Object>>>0       === 0

(*: พวกมันถูกนิยามว่าทำตัวเหมือนลอย ๆ มันจะไม่แปลกใจเลยถ้าเครื่องมือ JavaScript บางอันใช้ ints จริง ๆ เท่าที่จะทำได้ด้วยเหตุผลด้านประสิทธิภาพ แต่นั่นจะเป็นรายละเอียดของการใช้งาน ประโยชน์จาก.)

ผู้ประกอบการได้รับการรับรองการเปลี่ยนแปลงทางด้านขวาจะใช้ในทุกเสริมอาร์เรย์ของวิธีการใช้งานของ Mozilla เพื่อให้แน่ใจว่าlengthสถานที่ให้บริการเป็นที่ไม่ได้ลงชื่อ 32 บิตจำนวนเต็ม

lengthคุณสมบัติของวัตถุอาร์เรย์ที่อธิบายไว้ในสเปคเป็น:

วัตถุ Array ทุกชิ้นมีคุณสมบัติความยาวซึ่งค่าจะเป็นจำนวนเต็มที่ไม่ใช่ค่าลบน้อยกว่า 2 ³²เสมอ

โอเปอเรเตอร์นี้เป็นวิธีที่สั้นที่สุดในการทำให้สำเร็จเมธอดอาร์เรย์ภายในใช้การToUint32ดำเนินการ แต่วิธีนั้นไม่สามารถเข้าถึงได้และมีอยู่ในข้อมูลจำเพาะสำหรับการใช้งาน

การปรับใช้อาร์เรย์พิเศษของ Mozilla พยายามที่จะเป็นไปตามมาตรฐานECMAScript 5ดูคำอธิบายของArray.prototype.indexOfวิธีการ (§ 15.4.4.14):

1. ให้ O เป็นผลลัพธ์ของการเรียก ToObject ผ่านค่านี้ 
   เป็นอาร์กิวเมนต์
2. ให้ lenValue เป็นผลลัพธ์ของการเรียกเมธอดภายใน [[Get]] ของ O ด้วย 
   อาร์กิวเมนต์ "ความยาว"
3. ให้ len จะToUint32 (lenValue)
....

ที่คุณสามารถดูพวกเขาเพียงต้องการที่จะทำซ้ำพฤติกรรมของToUint32วิธีการเพื่อให้สอดคล้องกับข้อมูลจำเพาะ ES5 ในการดำเนินการ ES3 และที่ผมกล่าวว่าก่อนที่ผู้ประกอบการได้รับการรับรองการเปลี่ยนแปลงทางด้านขวาเป็นวิธีที่ง่าย

นั่นคือโอเปอเรเตอร์การเปลี่ยนบิตที่ไม่ได้ลงนาม ความแตกต่างระหว่างสิ่งนี้และตัวดำเนินการเปลี่ยนบิตด้านขวาที่ลงนามคือตัวดำเนินการเปลี่ยนบิตขวาที่ไม่ได้ลงชื่อ ( >>> ) เติมด้วยศูนย์จากด้านซ้ายและตัวดำเนินการเปลี่ยนบิตด้านขวาที่ลงนาม ( >> ) เติมด้วยบิตบิต การรักษาสัญลักษณ์ของค่าตัวเลขเมื่อเลื่อน

Driisได้อธิบายอย่างเพียงพอว่าตัวดำเนินการคืออะไรและทำงานอย่างไร นี่คือความหมายที่อยู่เบื้องหลัง / ทำไมจึงถูกใช้:

ขยับทิศทางใดโดย0ไม่ส่งกลับจำนวนเดิมและจะเหวี่ยงไปnull 0ดูเหมือนว่าโค้ดตัวอย่างที่คุณกำลังดูอยู่นั้นใช้this.length >>> 0เพื่อให้แน่ใจว่าlenเป็นตัวเลขแม้ว่าthis.lengthจะไม่ได้กำหนดไว้

สำหรับคนจำนวนมากการใช้งานระดับบิตไม่ชัดเจน (และ Douglas Crockford / jslint แนะนำว่าไม่ควรใช้สิ่งเหล่านี้) ไม่ได้หมายความว่ามันผิดที่จะทำ แต่มีวิธีการที่ดีและคุ้นเคยมากกว่าเพื่อให้โค้ดอ่านง่ายขึ้น วิธีที่ชัดเจนมากขึ้นเพื่อให้แน่ใจว่าlenเป็น0อย่างใดอย่างหนึ่งดังต่อไปนี้ทั้งสองวิธี

// Cast this.length to a number
var len = +this.length;

หรือ

// Cast this.length to a number, or use 0 if this.length is
// NaN/undefined (evaluates to false)
var len = +this.length || 0; 

>>>คือไม่ได้ลงนามดำเนินการเปลี่ยนแปลงทางขวา ( ดูหน้า. 76 สเป JavaScript 1.5 ) เมื่อเทียบกับ>>การลงนามดำเนินการเปลี่ยนแปลงทางขวา

>>>การเปลี่ยนแปลงผลของการขยับตัวเลขติดลบเพราะมันไม่ได้รักษาบิตเครื่องหมายเมื่อขยับ ผลที่ตามมาของสิ่งนี้สามารถเข้าใจได้โดยตัวอย่างจากนักแปล:

$ 1 >> 0
1
$ 0 >> 0
0
$ -1 >> 0
-1
$ 1 >>> 0
1
$ 0 >>> 0
0
$ -1 >>> 0
4294967295
$(-1 >>> 0).toString(16)
"ffffffff"
$ "cabbage" >>> 0
0

ดังนั้นสิ่งที่น่าจะเกิดขึ้นที่นี่คือการได้ความยาวหรือ 0 ถ้าความยาวนั้นไม่ได้กำหนดหรือไม่ใช่จำนวนเต็มตาม"cabbage"ตัวอย่างด้านบน ผมคิดว่าในกรณีนี้มันมีความปลอดภัยที่จะสรุปว่าจะไม่this.length < 0อย่างไรก็ตามฉันขอยืนยันว่าตัวอย่างนี้เป็นแฮ็คที่น่ารังเกียจด้วยเหตุผลสองประการ:

1. พฤติกรรมของ<<<เมื่อใช้ตัวเลขติดลบผลข้างเคียงอาจไม่ได้มีเจตนา (หรือน่าจะเกิดขึ้น) ในตัวอย่างข้างต้น

2. ความตั้งใจของรหัสไม่ชัดเจนเนื่องจากการมีอยู่ของคำถามนี้จะตรวจสอบ

แนวปฏิบัติที่ดีที่สุดอาจใช้สิ่งที่อ่านได้มากกว่าเว้นแต่ประสิทธิภาพจะมีความสำคัญอย่างยิ่ง:

isNaN(parseInt(foo)) ? 0 : parseInt(foo)

เหตุผลสองประการ:

1. ผลลัพธ์ของ >>> คือ "อินทิกรัล"

2. ไม่ได้กำหนด >>> 0 = 0 (เนื่องจาก JS จะพยายามและบังคับ LFS ให้เป็นบริบทตัวเลขซึ่งจะใช้กับ "foo" >>> 0 เป็นต้น)

จำไว้ว่าตัวเลขใน JS มีการแทนค่าภายในเป็น double มันเป็นเพียงวิธีที่รวดเร็วในการป้อนสติพื้นฐานสำหรับความยาว

อย่างไรก็ตาม -1 >>> 0 (อ๊ะดูเหมือนจะไม่ได้ความยาวที่ต้องการ!)

ตัวอย่างโค้ด Java ด้านล่างอธิบายได้ดี:

int x = 64;

System.out.println("x >>> 3 = "  + (x >>> 3));
System.out.println("x >> 3 = "  + (x >> 3));
System.out.println(Integer.toBinaryString(x >>> 3));
System.out.println(Integer.toBinaryString(x >> 3));

เอาท์พุทเป็นดังต่อไปนี้:

x >>> 3 = 536870904
x >> 3 = -8
11111111111111111111111111000
11111111111111111111111111111000