ฉันไม่รู้ว่าทำไม แต่โค้ดด้านล่างใช้งานได้ใน Firefox แต่ไม่ใช่ใน Google Chrome เพราะเหตุใด นี่ควรเป็น JS มาตรฐาน
status = parseInt($('#input-status').val());
// status field is exactly equals to 0
if (status === 0) {
// do something, in Firefox the code reaches here, in Chrome NOT !
}
นี่คือวิธีกำหนด #input-status ใน html :
<input type="hidden" id="input-status" name="input-status" value="00">
ใน Chrome รหัสจะทำงานเฉพาะในกรณีที่ฉันแทนที่ === โดย ==
มีความคิดอะไรบ้าง?
ฉันไม่แน่ใจว่าทำไมสิ่งนี้ถึงเกิดขึ้น แต่ฉันสามารถทำซ้ำได้ดังนี้:
status = parseInt($('#input-status').val(), 10);
test = parseInt($('#input-status').val(), 10);
console.log(typeof status); // string
console.log(typeof test); // number
ฉันเดาว่า status ถูกกำหนดไว้ล่วงหน้าโดยเบราว์เซอร์และไม่สามารถแยกวิเคราะห์ได้ เพื่อให้ใช้งานได้ให้ใช้ var เพื่อกำหนดตัวแปรใหม่ในขอบเขตปัจจุบัน:
var status = parseInt($('#input-status').val(), 10);
if (status === 0) {
// this also works in chrome
}
แก้ไข
console.log(window.status === status); // true
ดูเหมือนว่า status เป็นการอ้างอิงถึงวัตถุ window.status ซึ่งเปลี่ยนแถบสถานะในเบราว์เซอร์ และมันก็สมเหตุสมผลแล้วที่แยกวิเคราะห์เป็นตัวเลขไม่ได้
@ Xotic750 ชี้ให้เห็น:
ใช่ บน Chrome เมื่อใดก็ตามที่คุณตั้งค่าตัวแปรร่วม
status/window.statusเป็นค่าใดๆwindow.status = {}จากนั้นจะแปลงเป็นสตริง{value: "[object Object]", writable: true, enumerable: true, configurable: true}บทเรียน jsfiddle: อย่าใช้ตัวแปรร่วม ใช้varเพื่อให้มีขอบเขตในเครื่อง
status/window.status เป็นค่าใดๆ window.status = {} จากนั้นตัวแปรจะแปลงเป็นสตริง {value: "[object Object]", writable: true, enumerable: true, configurable: true} jsFiddle บทเรียน: อย่าใช้ตัวแปรร่วม ให้ใช้ var เพื่อให้มีการกำหนดขอบเขตในเครื่อง
- person Xotic750; 12.02.2014
console.log(typeof status);ก่อนคำสั่ง if - Chrome บอกว่าเป็นประเภทอะไร - person Anthony Grist schedule 12.02.2014parseInt($("#input-status").val(), 10);- person Elliot Bonneville schedule 12.02.2014