JavaScript の null を詳しく見る

推奨チュートリアル: 「JavaScript ビデオ チュートリアル 」

JavaScript には 2 つのタイプがあります: 基本型 (string, # #) #booleans number, symbol) とオブジェクト。

let myObject = {
  name: '前端小智'
}

null を提供します。

let myObject = null

null と unknown の違い、そしてなぜそれを使用するのかについて説明します。 null により、コードのメンテナンスが困難になります。

1. null の概念

null:

null は、値が設定されていないオブジェクトを参照します。これは、JS の基本タイプの 1 つであり、ブール演算では falsy と見なされます。

greetObject() はオブジェクトを作成しますが、オブジェクトを作成できない場合は null を返すこともあります:

function greetObject(who) {
  if (!who) {
    return null;
  }
  return { message: `Hello, ${who}!` };
}

greetObject('Eric'); // => { message: 'Hello, Eric!' }
greetObject();       // => null

greetObject() がパラメータを指定して呼び出された場合、関数は null を返します。 who パラメータには値がないため、null を返すのが妥当です。

2. null を確認する方法

null 値を確認する良い方法は、厳密等価演算子:

const missingObject = null;
const existingObject = { message: 'Hello!' };

missingObject  === null; // => true
existingObject === null; // => false

missingObject === null missingObject 変数に null が含まれるため、結果は true になります。価値。

existObject === null は false と評価されます。

2.1 null は仮想値

null および false、0、 ''、unknown、NaN はすべて虚数です。条件文で false 値が見つかった場合、JS は false 値を強制的に false に設定します。

Boolean(null); // => false

if (null) {
  console.log('null is truthy')
} else {
  console.log('null is falsy')
}

2.2 typeof null

typeof value演算子は値のタイプを決定します。たとえば、typeof 15 は 'number' であり、typeof {prop: 'Value'} の計算結果は 'object' となります。

type null

typeof null; // => 'object'

'object'、typoef null は # です。 ##object は初期の JS 実装のバグです。

値を検出するには、typeof 演算子を使用します。前に述べたように、厳密等価演算子 myVar === null を使用します。

演算子を使用して変数がオブジェクトかどうかを確認する場合は、null 値も除外する必要があります:

function isObject(object) {
  return typeof object === 'object' && object !== null;
}

isObject({ prop: 'Value' }); // => true
isObject(15);                // => false
isObject(null);              // => false

3. null

の罠は、変数をオブジェクトだと思っているときに予期せず現れることがよくあります。次に、null からプロパティを抽出すると、JS はエラーをスローします。

関数を再度使用し、返されたオブジェクトから message プロパティへのアクセスを試みます:

let who = '';

greetObject(who).message; 
// throws "TypeError: greetObject() is null"

変数は空の文字列であるため、関数は null を返します。 null から message プロパティにアクセスすると、TypeError エラーが発生します。 null マージによるオプションのチェーンを使用することで処理できます

:

let who = ''

greetObject(who)?.message ?? 'Hello, Stranger!'
// => 'Hello, Stranger!'

4. null ## の代替案#オブジェクトを構築できない場合、通常のアプローチは null

null が表示された場合は、チェックを実行する必要があります。 null

エラーをスローする代わりに、

• 代わりにデフォルトのオブジェクトを返します。 null
• を返す場合は、最初に
greeting

greetObject() 関数に戻ります。パラメーターが欠落している場合、null:

function greetObject(who) {
  if (!who) {
    who = 'Stranger';
  }
  return { message: `Hello, ${who}!` };
}

greetObject('Eric'); // => { message: 'Hello, Eric!' }
greetObject();       // => { message: 'Hello, Stranger!' }

function greetObject(who) {
  if (!who) {
    throw new Error('"who" argument is missing');
  }
  return { message: `Hello, ${who}!` };
}

greetObject('Eric'); // => { message: 'Hello, Eric!' }
greetObject();       // => throws an error

の使用を回避できます。ヌル＃＃＃。

5.

null 対 未定義 unknown は初期化されていない変数またはオブジェクトのプロパティの値であり、

は初期化されていない変数またはオブジェクトのプロパティの値です。

let myVariable;

myVariable; // => undefined

の主な違いは、null は欠落しているオブジェクトを表すのに対し、unknown は初期化されていない状態を表すことです。 。 厳密等価演算子 演算子===

と unknown :

null === undefined // => false

および unknown と等しいとみなされます。

null == undefined // => true

function isEmpty(value) {
  return value == null;
}

isEmpty(42);                // => false
isEmpty({ prop: 'Value' }); // => false
isEmpty(null);              // => true
isEmpty(undefined);         // => true

以上がJavaScript の null を詳しく見るの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。