にはアンパサンドが付いています。 es6 では、「&&」は論理 AND 演算子であり、AND ブール演算です。構文は「オペランド 1 && オペランド 2」です。両方のオペランドが true の場合のみ true を返し、それ以外の場合は false を返します。論理 AND は短絡論理の一種で、左側の式が false の場合、結果が直接短絡されて返され、右側の式は評価されなくなります。
このチュートリアルの動作環境: Windows 7 システム、ECMAScript バージョン 6、Dell G3 コンピューター。
es6 には & 記号があり、「&&」は論理 AND 演算子です。
論理 AND 演算&&
論理 AND 演算 (&&) は、AND ブール演算です。両方のオペランドが true の場合にのみ true を返し、それ以外の場合は false を返します。詳細な説明を表に示します。
2 番目のオペランド | 演算結果 | |
---|---|---|
true | true | |
false | false | |
false | ##false | ##false|
論理 AND は短絡論理の一種で、左側の式が false の場合、結果は短絡されて直接返され、上の式は権利は評価されなくなります。演算ロジックは次のとおりです。 |
- ステップ 2: 最初のオペランドの値を検出します。左側の式の値が false (null、unknown、NaN、0、""、false など) に変換可能な場合、操作は終了し、最初のオペランドの値が直接返されます。
- ステップ 3: 最初のオペランドを true に変換できる場合は、2 番目のオペランド (右側の式) を評価します。
- ステップ 4: 2 番目のオペランドの値を返します。
例 1
var user; //定义变量 (! user && console.log("没有赋值")); //返回提示信息“没有赋值”以下と同等:
var user; //定义变量 if (! user){ //条件判断 console.log("变量没有赋值"); }変数 user の値が 0 の場合、または空の文字列などの false 値がブール値に変換された場合は、false になります。値が割り当てられている場合でも、プロンプトが表示されます。変数には値が割り当てられていません。したがって、設計時には、論理 AND の左側の式の戻り値が予測可能な値であることを確認する必要があります。
var user = 0; //定义并初始化变量 (! user && console.log("变量没有赋值")); //返回提示信息“变量没有赋值”左側の式が false の場合、右側の式は直接スキップされるため、右側の式には代入、インクリメント、デクリメント、関数呼び出しなどの有効な演算を含めることはできません。後続の操作に影響を及ぼし、潜在的な影響をもたらします。
例 2
論理 AND 演算子を使用すると、複数の分岐構造の設計を置き換えることができます。var n = 3; (n == 1) && console.log(1); (n == 2) && console.log(2); (n == 3) && console.log(3); ( ! n ) && console.log("null");上記のコードは、次の複数分岐構造と同等です。
var n = 3; switch(n){ case1: console.log(1); break; case2: console.log(2); break; case3: console.log(3); break; default: console.log("null");論理 AND 演算のオペランドには任意のタイプの値を指定でき、オペランドをブール値に変換して返すのではなく、元の式の値を返します。 1) オブジェクトがブール値に変換される場合は True。たとえば、空のオブジェクトはブール値と論理的に AND 演算されます。
console.log(typeof ({} && true)); //返回第二个操作数的值 true的类型:布尔型 console.log(typeof (true && {})); //返回第二个操作数的值 {}的类型:对象2) オペランドに null が含まれる場合、戻り値は常に null になります。たとえば、null 型の値を持つ文字列「null」の論理 AND 演算は、位置に関係なく常に null を返します。
console.log(typeof ("null" && null)); //返回null的类型:对象 console.log(typeof (null && "null")); //返回null的类型:对象3) オペランドに NaN が含まれる場合、戻り値は常に NaN になります。たとえば、文字列「NaN」と NaN 型の値の論理 AND 演算は、位置に関係なく常に NaN を返します。
console.log(typeof ("NaN" && NaN)); //返回NaN的类型:数值 console.log(typeof (NaN && "NaN")); //返回NaN的类型:数值4) Infinity の場合、true に変換され、通常の値と同様に論理 AND 演算に参加します。
console.log(typeof ("Infinity" && Infinity)); //返回第二个操作数Infinity的类型:数值 console.log(typeof (Infinity && "Infinity")); //返回第二个操作数"Infinity"的类型:字符串5) オペランドに未定義が含まれる場合は、未定義が返されます。たとえば、文字列「未定義」と型が未定義の値との論理 AND 演算は、位置に関係なく常に未定義を返します。
console.log(typeof ("undefined" && undefined)); //返回undefined console.log(typeof (undefined && "undefined")); //返回undefined拡張知識: ES6 の && と __ のあまり知られていない操作
誰もが知っているように、es6 では論理演算子 &&および条件を表します。||if/else の代わりに or 条件
let info = { name:"long", age:null }; //&& //info的name与age同时为真,则结果为真 if(info.name && info.age){ console.log("与条件"); //与条件 }else{ console.log("失败"); } //|| //info的name或age,只要有一个为真,则结果为真 if(info.name || info.age){ console.log("或条件"); //或条件 }else{ console.log("失败"); }を表します。ただし、if/else
let info = {name:"long"}; let name = info && info.name; //long let isVip = false; let vipPrice = isVip || 19;//19
decide() && true(); //如果decide()执行后为true,则执行true(),并输出true()的值;如果decide()执行后为false,则输出decide()执行后的结果,且不执行true() //预计使用场景,有一个mongo查询条件where,当name存在时,匹配name数据 where= {age:19}; name && where.name = name;
decide() || false(); //如果decide()执行后为true,则执行decide(),并输出decide()的值,fasle()不执行;如果decide()执行后为false,则执行fasle(),且输出false()的结果
decide() && true() || fasle(); //如果decide()执行后为true,则执行true(),并输出true()的值; //如果decide()执行后为false,则执行false(),并输出false()的值# を表すことによって簡略化することもできます。 ## [関連する推奨事項: JavaScript ビデオ チュートリアル 、Web フロントエンド
]
以上がes6 にはアンパサンドはありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

useState()uscrucialforoptimizingRectperformanceduetuitsoitsimpactonre-rendersandupdates.tooptimize:1)useusecallbacktomoize funtionsandpreventunnederireRenders.2)

コンテキストとユーザーを使用して、大規模なReactアプリケーションで州の管理を簡素化できるため、状態を共有します。 1)プロップドリルを減らす、2)より明確なコード、3)グローバルな状態を管理しやすい。ただし、パフォーマンスのオーバーヘッドと複雑さのデバッグに注意してください。コンテキストと最適化技術の合理的な使用は、アプリケーションの効率と保守性を向上させることができます。

誤ったキーを使用すると、Reactアプリケーションでパフォーマンスの問題や予期しない動作を引き起こす可能性があります。 1)キーはリスト項目の一意の識別子であり、Virtual Domを効率的にReactの更新を支援します。 2)同じまたは非ユニークなキーを使用すると、リスト項目が再注文され、コンポーネント状態が失われます。 3)キーとして安定した一意の識別子を使用すると、パフォーマンスを最適化し、完全な再レンダリングを回避できます。 4)ESLINTなどのツールを使用して、キーの正しさを確認します。キーを適切に使用すると、効率的で信頼性の高い反応アプリケーションが保証されます。

非反応、キーセレエンショナルフロプリメイジングリストレンダーパフォーマンスByhelpingRackChangesinListitems.1)KeySENABLEENABLEDDATES BYIDENTIFINAYDDATESEDDEDDDDDDDDDDDDDDDDDDDDDDDDDDDDED、ORREMOVEDITEMS.2)

UseStateは、多くの場合、Reactで誤用されます。 1. useStateの作業メカニズムを誤解します:SetStateの直後にステータスは更新されません。 2。エラー更新ステータス:機能形式のSetStateを使用する必要があります。 3。ユーザーを使いすぎる:必要に応じて小道具を使用します。 4.使用効果の依存関係アレイを無視する:状態が変更されたときに依存関係配列を更新する必要があります。 5。パフォーマンスの考慮事項:状態と簡素化された状態構造のバッチ更新は、パフォーマンスを改善できます。 UseStateの正しい理解と使用は、コードの効率と保守性を向上させることができます。

はい、Reactapplicationscanbeseo-frendlywithpropertrategies.1)useServer-siderendering(ssr)withtoolslikenext.jstogeneratefullhtmlforindexing.2)explmentStaticSiteSite-generation(SSG)forcontent-heavysitestoprededopRederpageattiTiTeTietLe.3)

反応性能のボトルネックは、主に非効率的なレンダリング、不必要な再レンダリング、コンポーネントの内部重量の計算によって引き起こされます。 1)ReactDevtoolsを使用して遅いコンポーネントを見つけ、React.Memoの最適化を適用します。 2)EFFECTを最適化して、必要に応じて実行することを確認します。 3)メモリ処理には、usememoとusecallbackを使用します。 4)大きなコンポーネントを小さなコンポーネントに分割します。 5)ビッグデータリストについては、仮想スクロールテクノロジーを使用してレンダリングを最適化します。これらの方法により、Reactアプリケーションのパフォーマンスを大幅に改善できます。

パフォーマンスの問題、学習曲線、またはさまざまなUI開発方法の探索のために、誰かが反応する代替品を探すことができます。 1)Vue.JSは、統合の容易さと軽度の学習曲線で称賛され、小規模および大規模なアプリケーションに適しています。 2)AngularはGoogleによって開発されており、強力なタイプのシステムと依存噴射を備えた大規模なアプリケーションに適しています。 3)Svelteは、ビルド時に効率的なJavaScriptにコンパイルすることにより、優れたパフォーマンスとシンプルさを提供しますが、そのエコシステムはまだ成長しています。代替案を選択するときは、プロジェクトのニーズ、チームエクスペリエンス、プロジェクトの規模に基づいて決定する必要があります。


ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

Safe Exam Browser
Safe Exam Browser は、オンライン試験を安全に受験するための安全なブラウザ環境です。このソフトウェアは、あらゆるコンピュータを安全なワークステーションに変えます。あらゆるユーティリティへのアクセスを制御し、学生が無許可のリソースを使用するのを防ぎます。

VSCode Windows 64 ビットのダウンロード
Microsoft によって発売された無料で強力な IDE エディター

WebStorm Mac版
便利なJavaScript開発ツール

PhpStorm Mac バージョン
最新(2018.2.1)のプロフェッショナル向けPHP統合開発ツール

ホットトピック









