序文: 日常の開発では、変数のデータ型や変数が null かどうかを判別する必要がある状況によく遭遇します。型を判別するための演算子はどのように選択しますか?この記事では、開発者が習得しなければならない 1. typeof演算子
(1)戻り値は文字列型であり、
(2)一般的な使用方法 console.log(typeof undefined); //'未定義' console.log(typeof true);//'bpplean' console.log(typeof ("number")); //'文字列' console.log(typeof "number"); //'文字列' console.log(typeof 1);//'数値' console.log(typeof Symbol());//'シンボル' //Array や Null などの特殊なオブジェクトの場合、typeof は常に object を返します。これが typeof の制限です。console.log(typeof null); //'object' console.log(typeof [1, 2, 3]);//'オブジェクト' console.log(typeof undefined); //'未定義' //typeof演算子を使用して関数を他のオブジェクトと区別します function f1() { console.log(111); } console.log(typeof f1); //'関数' console.log(typeof f1()); // 111 '未定義' (3)typeofを使って変数が存在するかどうかを調べることはできない var a; (a === 未定義)の場合{ console.log("変数が存在しません") } それ以外 { console.log("変数が存在します") } // 変数が存在しません 2. インスタンスオブ演算子
関数 f1() { console.log(111); console.log(f1 インスタンスオブオブジェクト);//true console.log(f1 関数のインスタンス);//true console.log(f1 instanceof RegExp); //false すべての参照値は
関数 myInstanceof(left, right) { let proto = Object.getPrototypeOf(left), // オブジェクトのプロトタイプを取得します prototype = right.prototype; // コンストラクター関数のプロトタイプオブジェクトを取得します // コンストラクター関数のプロトタイプオブジェクトがオブジェクトのプロトタイプチェーン上にあるかどうかを判断します while (true) { if (!proto) が false を返す; if (proto === prototype) が true を返す。 proto = Object.getPrototypeOf(proto); } } 3. typeof と instanceof の違いと開発での使用に関する提案
上記の 2 つの方法には欠点があり、すべてのシナリオのニーズを満たすことができないことがわかります。 一般的にデータ型を検出する必要がある場合は、 console.log(Object.prototype.toString.call(undefined)) //"[オブジェクトは未定義です]" console.log(Object.prototype.toString.call(true)) // "[オブジェクト ブール値]" console.log(Object.prototype.toString.call('1')) // "[オブジェクト 文字列]" console.log(Object.prototype.toString.call(1)) // "[オブジェクト番号]" console.log(Object.prototype.toString.call(Symbol())) // "[オブジェクト シンボル]" console.log(Object.prototype.toString.call({})) // "[オブジェクト Object]" console.log(Object.prototype.toString.call(function () { })) // "[オブジェクト Function]" console.log(Object.prototype.toString.call([])) //"[オブジェクト配列]" console.log(Object.prototype.toString.call(null)) //"[オブジェクト Null]" console.log(Object.prototype.toString.call(/123/g)) //"[オブジェクト正規表現]" console.log(Object.prototype.toString.call(new Date())) //"[オブジェクト Date]" 要約: データ型の判断における 以下もご興味があるかもしれません:
|
<<: 一定時間後にNavicatがデータベースから自動的に切断される問題の解決方法
>>: MySQLからHiveにさらにデータをインポートするためのソリューション
一部の Web ページは大きく見えなくても開くのに非常に時間がかかる場合があります。一方、他の We...
目次1 はじめに2 基本的な使い方2.1 方法2.2 計算プロパティ2.3 リスナーを見る3 3つの...
目次1. 原因2. デバイス情報3. 準備4. Apacheをインストールする5. gitを設定する...
テスト サーバーにログインするたびに、必ず ssh ログインのパスワードを入力する必要があります。ロ...
Vueイメージドラッグアンドドロップズームコンポーネントの具体的な使い方は参考までに。具体的な内容は...
純粋な CSS を使用して、マウスが行の上を通過するときに行の背景色を変更し、その行にフォーカスがあ...
CentOS 8 ではソフトウェア パッケージのインストール プログラムが変更され、yum 構成方法...
目次1. 連結() 2. 結合() 3. プッシュ() 5. シフト() 6. シフト解除() 7....
補足<br />HTML について何も知らず、HTML の始め方がまだわからない場合は、...
1. 公式5.0.3イメージを取得する [root@localhost ~]# docker pul...
プレビューアドレス: https://ovsexia.gitee.io/leftfixed/ htm...
問題を見つけるコンテンツをリストで表示すると、リスト内のコンテンツの数は多いかもしれませんが、ユーザ...
Docker コンテナはさまざまな方法で管理およびデプロイできます。 Docker コマンドを直接使...
シナリオ:クロールされたデータは、別のメインテーブルと同じ構造を持つデータテーブルを生成するため、マ...
目次ノードのバージョンが一致しない、ノードをアップグレードまたはダウングレードするnvm を使用して...