principales - ¿Cómo establecer valores booleanos predeterminados en JavaScript?

tipos de datos principales en javascript

Question

La configuración de los valores opcionales predeterminados en JavaScript generalmente se realiza a través de || personaje

var Car = function(color) {
this.color = color || ''blue'';
};
var myCar = new Car();
console.log(myCar.color); // ''blue''
var myOtherCar = new Car(''yellow'');
console.log(myOtherCar.color); // ''yellow''

Eso funciona porque el color es undefined e undefined || String undefined || String es siempre la String . Por supuesto que también funciona al revés String || undefined String || undefined es String . Cuando hay dos Strings presentes, la primera gana ''this'' || ''that'' ''this'' || ''that'' es ''this'' . NO funciona al revés como ''that'' || ''this'' ''that'' || ''this'' es ''that'' .

La pregunta es: ¿Cómo puedo lograr lo mismo con los valores booleanos?

Toma el siguiente ejemplo

var Car = function(hasWheels) {
this.hasWheels = hasWheels || true;
}
var myCar = new Car();
console.log(myCar.hasWheels); // true
var myOtherCar = new Car(false)
console.log(myOtherCar.hasWheels); // ALSO true !!!!!!

Para myCar funciona porque undefined || true undefined || true es true pero, como puede ver, NO funciona para myOtherCar porque false || true false || true es true Cambiar el orden no ayuda como true || false true || false sigue siendo true

Por lo tanto, ¿me falta algo aquí o es la siguiente la única forma de establecer el valor predeterminado?

this.hasWheels = (hasWheels === false) ? false: true

¡Aclamaciones!

Answer 1

Hay variaciones a tener en cuenta a partir de las respuestas publicadas.

var Var = function( value ) {
this.value0 = value !== false;
this.value1 = value !== false && value !== ''false'';
this.value2 = arguments.length <= 0 ? true : arguments[0];
this.value3 = arguments[0] === undefined ? true : arguments[0];
this.value4 = arguments.length <= 0 || arguments[0] === undefined ? true : arguments[0];
};
value0 value1 value2 value3 value4
---------------------------------------------------------------------------
Var("") true true true true true
Var("''''") true true '''' '''' ''''
Var("0") true true 0 0 0
Var("''0''") true true ''0'' ''0'' ''0''
Var("NaN") true true NaN NaN NaN
Var("''NaN''") true true ''NaN'' ''NaN'' ''NaN''
Var("null") true true null null null
Var("''null''") true true ''null'' ''null'' ''null''
Var("undefined") true true undefined true true
Var("''undefined''") true true ''undefined'' ''undefined'' ''undefined''
Var("true") true true true true true
Var("''true''") true true ''true'' ''true'' ''true''
Var("false") false false false false false
Var("''false''") true false ''false'' ''false'' ''false''

• value1 se value0 especialmente a partir de value0 para la cadena ''false'' si se necesita que sea boolean false. Encontré esta relajación útil ocasionalmente.
• value2 y value3 son modificaciones de las respuestas publicadas originalmente para value3 coherencia, sin resultados modificados.
• value4 es la forma en que Babel compila los parámetros por defecto.

Answer 2

Puede utilizar la función de parámetros de la función predeterminada en ECMA6. Hoy en día, ECMA6 aún no es totalmente compatible con el navegador, pero puede usar babel y comenzar a usar las nuevas funciones de inmediato.

Entonces, el ejemplo original será tan simple como:

// specify default value for the hasWheels parameter
var Car = function(hasWheels = true) {
this.hasWheels = hasWheels;
}
var myCar = new Car();
console.log(myCar.hasWheels); // true
var myOtherCar = new Car(false)
console.log(myOtherCar.hasWheels); // false

Answer 3

Puedes hacerlo:

this.hasWheels = hasWheels !== false;

Eso te da un valor true , excepto cuando hasWheels es explícitamente false . (Otros valores falsos, incluyendo null e undefined , resultarán en true , lo que creo que es lo que quieres).

Answer 4

Qué tal si:

this.hasWheels = (typeof hasWheels !== ''undefined'') ? hasWheels : true;

Tu otra opción es:

this.hasWheels = arguments.length > 0 ? hasWheels : true;