1. 短絡判定この方法は、単純なif条件のみが必要な場合に使用できます。 x = 0 とします。 foo = () とすると、 console.log('実行されました'); x === 0 の場合 関数foo() } 同じ if 関数は x = 0 とします。 foo = () とすると、 console.log('実行されました'); x === 0 && foo() さらに if 条件を追加することもできますが、これによってもステートメントの複雑さが増すため、2 つ以上の条件を追加することはお勧めしません。 x = 0 とします。 y = 0 とします。 foo = () とすると、 console.log('実行されました'); x === 0 && y === 0 && foo() 2. オプション連鎖演算子 (?)バックグラウンド API によって返されるデータが正しいかどうかわからないことがあるため、JS オブジェクトに ユーザー = { 名前 : { 名 : 'あおふかおし' } } if(ユーザー名){ if(ユーザー名.firstName){ console.log('ユーザーオブジェクトにfirstNameフィールドが含まれています') } } このとき、 ? ユーザー = { 名前 : { 名 : 'あおふかおし' } } if(user.name?.firstName){ console.log('ユーザーオブジェクトにfirstNameフィールドが含まれています') } 3. ヌル合体演算子 (??)if/else と比較すると、三項演算子ははるかに短くなります。ロジックが単純であれば、使用するのに便利です。 例えば: ユーザー = { 名前 : { 名 : 'あおふかおし' } } foo = () => {とする user.name?.firstName を返します。 ユーザー名: 「firstName が存在しません」 } コンソールログ(foo()) まず、? 演算子を使用して存在するかどうかを判断します。存在する場合は false を返します。存在しない場合は false を返します。次に、次のロジックに進みます。 ?? アルゴリズムを使用してコードをより簡潔にします ユーザー = { 名前 : { 名 : 'あおふかおし' } } foo = () => {とする user.name?.firstName ?? を返します。 「firstName が存在しません」 } コンソールログ(foo()) 4. 終了関数を返す次の関数は、 x = 1 とします。 foo = () => {とする x < 1の場合{ 'x は 1 未満' を返します } それ以外 { もし(x > 1){ 'xは1より大きい'を返す }それ以外{ 'xは1に等しい'を返す } } } コンソールログ(foo()) この x = 1 とします。 foo = () => {とする x < 1の場合{ 'x は 1 未満' を返します } もし(x > 1){ 'x はより大きい' を返す } 'xは1に等しい'を返す } コンソールログ(foo()) これで、開発効率を向上させる 4 つの超実用的な JS のヒントに関するこの記事は終了です。開発効率を向上させる 4 つの実用的な JS のヒントの詳細については、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM を応援していただければ幸いです。 以下もご興味があるかもしれません:
|
<<: Docker を使用してスタンドアロン Pulsar とクラスター化された Redis をデプロイする方法 (開発アーティファクト)
>>: Alibaba Cloud Server に MySQL データベースをインストールする詳細なチュートリアル
プロジェクトをプロジェクトサイトのテスト環境にデプロイするJDK1.8トムキャット8.5 Maven...
目次序文ブラウザコンパイル版ローカルプリコンパイルバージョン要約する参照する序文vue3サンドボック...
mysqlは指定された期間内の統計データを取得します年別統計 選択 カウント(*)、 DATE_FO...
インターネットに接続できない仮想マシンをセットアップするのは非常に面倒です。ここでは、Ubuntu ...
metaはhtml言語のhead領域にある補助タグです。おそらく、これらのコードは不要だと思うかもし...
Web 標準について議論するときに必ず話題になるのは、構造とプレゼンテーションを分離することの重要性...
目次JavaScriptでは、通常、次のコードのようにクラスを簡単に定義できます。 var サンプル...
目次1. Flinkの概要1.1 基本的な紹介1.2 アプリケーションシナリオ2. 環境の展開2.1...
目次キャンバス関連文書エフェクト画像表示ケースの完全なコード親コンポーネントコードサブコンポーネント...
目次コンポーネントの登録コンポーネントの追加ソースコードドラッグ可能なテキスト ボックスでは、ユーザ...
1. MySQLがインストールされているかどうかを確認する yum インストール済みリスト | gr...
1. 前提条件JDKがインストールされましたecho $PATHソフトリンクを作成し、JDKのインス...
Docker コンテナに繰り返し入って操作することを避けるために、コンテナ内の一連の命令をホストマシ...
プロジェクトにはアンケートが必要ですが、クライアントはアンケートのタイトルが純粋なHTMLタグでなけ...
目次問題1: 破壊1. 破壊する方法2. いつ破壊するか2.1 解決策1: route.queryを...