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 データベースをインストールする詳細なチュートリアル
名前を格納するフィールドが GBK 文字セットを使用している場合、GBK 内部コード自体がエンコード...
MySQL 双方向バックアップはマスター-マスター バックアップとも呼ばれ、両方の MySQL サー...
コードをコピーコードは次のとおりです。 IE6 と FF の違い: background:orang...
データとコンピューターに対してできる最善のことは、それらを安全に保つことです。アップデートを有効にす...
フロントエンドの初心者として、私は数日間フロントエンドをいじってみました。 。今日、私は自分が固く信...
目次1: galera-clusterの紹介2. galera-clusterの仕組み3: Mari...
CSS3 は反転可能なホバー効果を実装します。具体的なコードは次のとおりです。 1.css /*基本...
目次同じ名前の名前空間をマージする名前空間とその他の種類のマージ同じ名前の名前空間とクラスをマージす...
複数行を超えるテキストをインターセプトするための HTML コードは次のとおりです。 HTML:コー...
目次テクノロジースタック効果分析するテクノロジースタックサイドバー用Antdtabは要素を使用します...
1. 温かくて優しい関連アドレス: http://www.web-designers.cn/post...
目次簡単なコンポーネントの例より複雑な親子コンポーネントのケースオンセレクトの書き方反応する子供Re...
Mysql の追加、削除、変更、クエリステートメントのシンプルな実装追加されたレコード: テーブル名...
.net 開発に関しては、Microsoft の SQL Server データベースに精通しており、...
目次背景1. 思考分析2. ページ構成2.1 HTML レイヤー2.2 CSS レイヤー2.3 JS...