理由: JavaScript はリテラル スクリプト言語であり、そのデータ型は無視できます。変数に値を割り当てるときに、その型を考慮する必要はありません。変数が割り当てられるまで考慮されません。特定の値、特定の型を持っています。簡単に言うと、JavaScript 変数は、状況に応じて異なる型として解釈される可能性があります。
このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。
JavaScript の変数と定数
言語の学習は変数から始める必要があります。変数は、特定のデータを保持するために使用される名前付きのカテゴリ コンテナと考えることができます。データは、整数、10 進数、文字列、その他のデータ型など、さまざまな形式をとることができます。 JS 変数は事前の宣言なしで直接使用でき、同時に JS 変数には任意の名前を付けることができますが、読みやすさを考慮して、通常は変数の名前には数字、文字、ドル記号、アンダースコアのみを使用します。 JS の変数命名規則は次のとおりです。
1) JavaScript 変数は使用前に事前に宣言する必要はありませんが、プログラム実行中に見つけにくいエラーを防ぐために、宣言する必要があります。宣言方法は次のとおりです
var mypetcat
2) JavaScript 変数には任意の記号を使用して名前を付けることができますが、読みやすさを考慮して、通常は文字、数字、ドル記号を使用して名前を付けます。 、アンダースコア。また、変数を宣言する場合は文字で始め、数字のみを変数宣言に使用しないでください。
3) JavaScript は大文字と小文字を区別する言語であり、変数 MYPETCAT と mypetcat は異なります。プログラマーは、変数を宣言するときに「キャメル ケース」 (または混合ケース) 方式を使用することに慣れています。つまり、単語とフレーズをスペースなしで一緒に記述し、各単語の最初の文字を大文字にしますが、名前全体は最初の文字です。大文字でも小文字でも構いません。 MyPetCat
4 など) JavaScript 変数に値を割り当てる方法はたくさんあります。変数を宣言するときに、値
var myPetCat=11.2
または
myPetCat=11.2
を直接割り当てることができます。また、最初に変数を宣言してから値
var myPetCatmyPetCat=11.2
5 を割り当てることもできます)。宣言の直後に呼び出されます
alert(myPetCat)
6) JavaScript の定数は、後で紹介する Math メソッドを使用して定義されます。
7) JavaScript では、const メソッドを使用して定数を宣言できます。宣言されているため、変更することはできません
const a=1;
JavaScript データ型
「データ型」という用語は、データ変数の重要な特性を表します。が含まれています。文字列変数には文字列が含まれ、数値変数には数値が含まれます。 JavaScript は「緩やかに型指定された」プログラミング言語です。つまり、JavaScript 変数はさまざまな場合に異なる型として解釈できます。
これまでの内容からもわかるように、JavaScript では変数のデータ型を事前に宣言しなくても変数を使用することができますが、このとき JavaScript インタプリタは状況に応じて正しいと判断します。 。ここで文字列を変数に保存し、後でそれを数値として使用したい場合、文字列に数値のようなものが含まれていなければならないという条件で、これは JavaScript で完全に実現可能です。
1) 整数
整数には、33、-100000などの正の整数、負の整数、および0が可能です
2) 浮動小数点数
は整数とは異なります。はい、浮動小数点数には小数部がありますが、小数部は 0 になる可能性があります。浮動小数点数表現は 3.1415926 または指数形式 35.4e5
指数表記では、e は 10 の累乗を表します。指数表記を使用すると、特に大きい数値または小さい数値を簡単に表現できます。
3) 数値以外の値 (NaN) スクリプトが数値以外のデータを数値として処理しようとすると、戻り値は NaN になります。isNaN() 関数を使用して検出できます。数値以外の値 入力時 パラメータが数値以外の場合は true を返し、入力パラメータが数値の場合は false を返します4) parseFloat() 関数This関数は文字列を解析し、浮動小数点数を返します。解析された文字列の最初の文字が数値の場合、関数は数値の終わりまで解析を続け、その後、数値の代わりに数値を返します。 string5) parseInt() function この関数は parseFloat() 関数に似ており、戻り値は整数または NaN です。さらに、この関数には 2 番目のオプションのパラメータがあり、値の基数を指定するために使用され、2 進数、8 進数、またはその他の基数値に対応する 10 進数を返します。6) InfinityJavaScript が表現できる最大値は 2 の 53 乗で、この値を超える場合は無限大とマークされます。さらに、あなたの負の無限大を示すキーワードは - Infinity です。 値が無限かどうかを判断するには isFinite() を使用します。入力値が NaN、Infinity、または - Infinity の場合は false が返され、それ以外の場合は true が返されます。7) Boolean value
ブール型データには true と false の 2 つの値しかありません。通常、これらは論理演算の結果をコードに保存するために使用されます。ブール値を割り当てるときは、
A=tureのような引用符で囲まれた値。計算にブール値が使用される場合、JS は自動的に true を 1 に、false を 08) 「Not」演算子 (!) オペレーターになろう!ブール値の前に配置すると、JS はそれを非、つまり反対の値として解釈します。
9)null(空)
当我们让变量具有有效值,却又不是任何具体值时,就把null赋值给变量。对于数值来说,null就是0,对于字符串来说,null就是””,对于布尔变量来说null表示false。
10)undefined(未定义)
undefined不是关键字,而是预定义的全局变量。当某个变量已经在语句里使用了,但没有被赋予任何值时,他的值不是0或者null,而是undefined,表示JS不能识别他
javascript弱(宽松)类型的体现
一般规律是,约束越强越不容易出错,但编写程序时也越麻烦。在JavaScript中,因为约束比较弱,所以容易出现这种错误:最简单的例子:
var a =200; var b ="1"; var c= a + b;
你可能期望c是201,但实际上它是"2001",这个错误在强类型语言中决不会出现。然而正是因为JavaScript没有这些约束,所以可以很方便地拼接数字和字符串类型。
【相关推荐:web前端开发】
以上がJavaScript が緩やかに型付けされた言語である理由の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

Reactは、動的でインタラクティブなユーザーインターフェイスを構築するための選択ツールです。 1)コンポーネント化とJSXは、UIを分割して簡単に再利用します。 2)国家管理は、UIの更新をトリガーするためにUseStateフックを通じて実装されます。 3)イベント処理メカニズムは、ユーザーの相互作用に応答し、ユーザーエクスペリエンスを向上させます。

Reactは、ユーザーインターフェイスを構築するためのフロントエンドフレームワークです。バックエンドフレームワークは、サーバー側のアプリケーションを構築するために使用されます。 Reactはコンポーネントで効率的なUIアップデートを提供し、バックエンドフレームワークは完全なバックエンドサービスソリューションを提供します。テクノロジースタックを選択するときは、プロジェクトの要件、チームのスキル、およびスケーラビリティを考慮する必要があります。

HTMLとReactの関係は、フロントエンド開発の中核であり、最新のWebアプリケーションのユーザーインターフェイスを共同で構築します。 1)HTMLはコンテンツ構造とセマンティクスを定義し、Reactはコンポーネントを介して動的インターフェイスを構築します。 2)ReactコンポーネントはJSX構文を使用してHTMLを埋め込み、インテリジェントなレンダリングを実現します。 3)コンポーネントライフサイクルは、状態および属性に従ってHTMLレンダリングと動的に更新を管理します。 4)コンポーネントを使用して、HTML構造を最適化し、保守性を向上させます。 5)パフォーマンスの最適化には、不必要なレンダリングの回避、重要な属性の使用、およびコンポーネントの単一の責任を維持することが含まれます。

Reactは、インタラクティブなフロントエンドエクスペリエンスを構築するための好ましいツールです。 1)Reactは、コンポーネント化と仮想DOMを通じてUIの開発を簡素化します。 2)コンポーネントは、関数コンポーネントとクラスコンポーネントに分割されます。関数コンポーネントはよりシンプルで、クラスコンポーネントはより多くのライフサイクル方法を提供します。 3)Reactの作業原則は、パフォーマンスを改善するために仮想DOMおよび調整アルゴリズムに依存しています。 4)国家管理は、usestateまたはthis.stateを使用し、ComponentDidmountなどのライフサイクルメソッドが特定のロジックに使用されます。 5)基本的な使用には、コンポーネントの作成と状態の管理が含まれ、高度な使用にはカスタムフックとパフォーマンスの最適化が含まれます。 6)一般的なエラーには、不適切なステータスの更新とパフォーマンスの問題が含まれます。

Reactは、コアコンポーネントと状態管理を備えたユーザーインターフェイスを構築するためのJavaScriptライブラリです。 1)コンポーネントと州の管理を通じてUIの開発を簡素化します。 2)作業原則には和解とレンダリングが含まれ、React.memoとusememoを通じて最適化を実装できます。 3)基本的な使用法は、コンポーネントを作成およびレンダリングすることであり、高度な使用法にはフックとコンテキストアピの使用が含まれます。 4)不適切なステータスの更新などの一般的なエラーでは、ReactDevtoolsを使用してデバッグできます。 5)パフォーマンスの最適化には、React.MEMO、仮想化リスト、コードスプリッティの使用が含まれ、コードを読みやすく保守可能に保つことがベストプラクティスです。

ReactはJSXとHTMLを組み合わせてユーザーエクスペリエンスを向上させます。 1)JSXはHTMLを埋め込み、開発をより直感的にします。 2)仮想DOMメカニズムは、パフォーマンスを最適化し、DOM操作を削減します。 3)保守性を向上させるコンポーネントベースの管理UI。 4)国家管理とイベント処理は、インタラクティブ性を高めます。

Reactコンポーネントは、機能またはクラスによって定義され、UIロジックのカプセル化、およびプロップを介して入力データを受け入れることができます。 1)コンポーネントの定義:関数またはクラスを使用して、反応要素を返します。 2)レンダリングコンポーネント:Reactコールレンダリングメソッドまたは機能コンポーネントを実行します。 3)マルチプレックスコンポーネント:データをプロップに渡して、複雑なUIを構築します。コンポーネントのライフサイクルアプローチにより、ロジックをさまざまな段階で実行でき、開発効率とコードメンテナビリティが向上します。

React Strictモードは、追加のチェックと警告をアクティブにすることにより、Reactアプリケーションの潜在的な問題を強調する開発ツールです。これは、レガシーコード、安全でないライフサイクル、および副作用を特定するのに役立ち、現代の反応の実践を促進します。


ホットAIツール

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

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

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

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

ドリームウィーバー CS6
ビジュアル Web 開発ツール

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

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

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境
