ฉันรู้ว่าฉันสามารถทดสอบตัวแปรจาวาสคริปต์แล้วกำหนดว่ามันไม่ได้กำหนด แต่ไม่มีวิธีการพูดบางอย่าง

var setVariable = localStorage.getItem ('value') || 0;

ดูเหมือนจะเป็นวิธีที่ชัดเจนกว่ามากและฉันค่อนข้างมั่นใจว่าฉันเคยเห็นสิ่งนี้ในภาษาอื่น

ใช่มันสามารถทำเช่นนั้น แต่อย่างเคร่งครัดพูดที่จะกำหนดค่าเริ่มต้นถ้าค่าที่ดึงมาเป็นfalseyเมื่อเทียบกับอย่างแท้จริงไม่ได้กำหนด มันจะดังนั้นจึงไม่เพียง แต่ตรงundefinedแต่ยังnull, false, 0, NaN, "" ( แต่ไม่ได้ "0" )

หากคุณต้องการตั้งค่าเริ่มต้นเฉพาะในกรณีที่ตัวแปรนั้นเคร่งครัดundefinedวิธีที่ปลอดภัยที่สุดคือการเขียน:

var x = (typeof x === 'undefined') ? your_default_value : x;

ในเบราว์เซอร์ที่ใหม่กว่าการเขียนให้ปลอดภัย:

var x = (x === undefined) ? your_default_value : x;

แต่โปรดระวังว่ามันเป็นไปได้ที่จะทำลายสิ่งนี้บนเบราว์เซอร์รุ่นเก่าที่ได้รับอนุญาตให้ประกาศตัวแปรundefinedที่มีค่าที่กำหนดไว้ทำให้การทดสอบล้มเหลว

คำตอบของปี 2018 ES6 คือ :

return Object.is(x, undefined) ? y : x;

หากตัวแปร x ไม่ได้ถูกกำหนดไว้คืนค่าตัวแปร y ... มิฉะนั้นถ้าตัวแปร x ถูกนิยามให้ส่งคืนตัวแปร x

ฉันต้องการ "ตั้งค่าตัวแปรหากไม่ได้กำหนด" ในหลาย ๆ ที่ ฉันสร้างฟังก์ชันโดยใช้ @Alnitak answer หวังว่ามันจะช่วยให้ใครบางคน

function setDefaultVal(value, defaultValue){
   return (value === undefined) ? defaultValue : value;
}  

การใช้งาน:

hasPoints = setDefaultVal(this.hasPoints, true);

ดูเหมือนว่ามีเหตุผลมากกว่าที่จะตรวจสอบtypeofแทนundefined? ฉันคิดว่าคุณคาดหวังจำนวนเมื่อคุณตั้ง var เป็น0เมื่อไม่ได้กำหนด:

var getVariable = localStorage.getItem('value');
var setVariable = (typeof getVariable == 'number') ? getVariable : 0;

ในกรณีนี้หากgetVariableไม่ใช่ตัวเลข (สตริงวัตถุอะไรก็ตาม) setVariable จะถูกตั้งค่าเป็น0

ES2020 คำตอบ

ด้วยตัวดำเนินการNullish Coalescingคุณสามารถตั้งค่าเริ่มต้นได้ถ้าvalueว่างหรือไม่ได้กำหนด

const setVariable = localStorage.getItem('value') ?? 0;

อย่างไรก็ตามคุณควรทราบว่าตัวดำเนินการรวมแบบ nullish จะไม่ส่งคืนค่าเริ่มต้นสำหรับค่าความผิดพลาดประเภทอื่นเช่น0และ''และ

โปรดทราบว่าการสนับสนุนเบราว์เซอร์สำหรับผู้ให้บริการมี จำกัด ตามข้อมูลจากcaniuseสนับสนุนเบราว์เซอร์ 48.34% เท่านั้น (จนถึงเมษายน 2563) สนับสนุน Node.js ถูกเพิ่มเข้ามาในรุ่น 14

หากคุณเป็นแฟนตัวยงของFP ( ฟังก์ชั่นการเขียนโปรแกรม ) Ramdaมีฟังก์ชั่นตัวช่วยที่เรียบร้อยสำหรับสิ่งนี้เรียกว่าdefaultTo :

การใช้งาน:

const result = defaultTo(30)(value)

มันมีประโยชน์มากขึ้นเมื่อจัดการกับundefinedค่าบูลีน:

const result2 = defaultTo(false)(dashboard.someValue)

var setVariable = (typeof localStorage.getItem('value') !== 'undefined' && localStorage.getItem('value')) || 0;

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

function getIfNotSet(value, newValue, overwriteNull, overwriteZero) {
    if (typeof (value) === 'undefined') {
        return newValue;
    } else if (value === null && overwriteNull === true) {
        return newValue;
    } else if (value === 0 && overwriteZero === true) {
        return newValue;
    } else {
        return value;
    }
}

มันสามารถถูกเรียกใช้พร้อมกับพารามิเตอร์สองตัวสุดท้ายเป็นตัวเลือกถ้าฉันต้องการตั้งค่าที่ไม่ได้กำหนดเท่านั้นหรือเขียนทับค่า null หรือ 0 นี่คือตัวอย่างของการเรียกไปที่จะตั้ง ID เป็น -1 ถ้า ID ไม่ได้กำหนดหรือเป็นโมฆะ แต่จะไม่เขียนทับค่า 0

data.ID = Util.getIfNotSet(data.ID, -1, true);

ในสมัยของเราคุณสามารถทำแนวทางของคุณกับ JS:

// Your variable is null
// or '', 0, false, undefined
let x = null;

// Set default value
x = x || 'default value';

console.log(x); // default value

ดังนั้นตัวอย่างของคุณจะทำงาน:

const setVariable = localStorage.getItem('value') || 0;

ทำงานได้แม้ว่าค่าเริ่มต้นจะเป็นค่าบูลีน:

var setVariable = ( (b = 0) => b )( localStorage.getItem('value') );

สำหรับฉันดูเหมือนว่าสำหรับการใช้งานจาวาสคริปต์ปัจจุบัน

var [result='default']=[possiblyUndefinedValue]

เป็นวิธีที่ดีในการทำเช่นนี้ (โดยใช้การแยกวัตถุ)

การกำหนดตรรกะลอจิกโซลูชัน ES2020 +

ผู้ประกอบการใหม่กำลังถูกเพิ่มเข้าไปในเบราว์เซอร์, ??=, และ||= &&=โพสต์นี้จะมุ่งเน้น??=โพสต์นี้จะมุ่งเน้นไปที่

นี้จะตรวจสอบว่าด้านซ้ายไม่ได้กำหนดหรือเป็นโมฆะการลัดวงจรถ้ากำหนดไว้แล้ว ถ้าไม่ถูกต้องด้านขวาจะถูกกำหนดให้กับตัวแปรด้านซ้าย

วิธีเปรียบเทียบ

// Using ??=
name ??= "Dave"

// Previously, ES2020
name = name ?? "Dave"

// Before that (not equivalent, but commonly used)
name = name || "Dave" // name ||= "Dave"

ตัวอย่างพื้นฐาน

let a          // undefined
let b = null
let c = false

a ??= true  // true
b ??= true  // true
c ??= true  // false

// Equivalent to
a = a ?? true

ตัวอย่างวัตถุ / อาร์เรย์

let x = ["foo"]
let y = { foo: "fizz" }

x[0] ??= "bar"  // "foo"
x[1] ??= "bar"  // "bar"

y.foo ??= "buzz"  // "fizz"
y.bar ??= "buzz"  // "buzz"

x  // Array [ "foo", "bar" ]
y  // Object { foo: "fizz", bar: "buzz" }

?? = การสนับสนุนเบราว์เซอร์กรกฎาคม 2020 - .03%

?? = เอกสาร Mozilla

|| = เอกสาร Mozilla

&& = เอกสารประกอบ Mozilla