JavaScript の書き方を学ぶ

#javascript コラムでは JavaScript の書き方を紹介します。

関連する無料学習の推奨事項:

JavaScript (ビデオ)

JavaScript 入門記事:

HTML と CSS の書き方はすでに知っているが、JavaScript をまだ学習していない場合は、ここにある著者の記事から学習を始めることができます。

JavaScript は、JS エンジンで実行される V8 エンジンです。

JavaScript をどこに記述するかが最初に知っておく必要があります。

は合計3箇所に記述できます。

インライン、要素にイベントを追加します

1. <button onclick=&#39;alert("hello")&#39;>按钮</button>

HTML 内に書き込みます
2. (通常は、すべての HTML の本文の終了タグの前に配置されます)コンテンツ)
   

<script type="text/javascript">	//type="text/javascript"可忽略
	//你的JS代码</script>

.js という名前の外部 j サフィックスを付けてファイルに書き込み、それを引用符で囲みます。
3. たとえば、
   index.js ファイル を作成し、それを html

<script src="./index.js"></script>

Note と同じディレクトリに置きます。ポイント: 1. src は外部 JS ファイル パスを導入します
2. は単独で指定する必要があります
3. 開始タグと終了タグの間。 JS コードは表示されません。また、表示されても実行されません。

JavaScript 出力入力メソッド

Output:

alert('プロンプト メッセージ'); - - 警告ボックスがポップアップ表示されます。ブラウザのレンダリングやその他の操作を中断します。
1. document.write(‘content’); - - 出力コンテンツをドキュメント ストリームに出力します。このアプローチは通常は使用されません。理解できる。
2. console.log('prompt content'); - - ログの内容をコンソールに出力します (コンソールは、ページ上で F12 を使用した後に表示されるものです)。実際のプロジェクト開発プロセスでは継続的なデバッグが必要となるため、フロントエンド プログラマは必ず習得する必要があります。特に迷惑なバグが発生した場合。
3. console.log その他のプレイ方法については、著者の他の記事をご覧ください: あなたが知らないクールなコンソール操作

入力:

prompt(プロンプト メッセージ)
1. ユーザーが確認ボタンをクリックすると、ユーザーが入力した値が取得され、キャンセル ボタンをクリックすると、null
   
入力ボックスが表示されます。 form
2. たとえば、input、textarea 待機するか、要素を編集可能な状態に変更します (要素を編集可能な状態に変更する方法がわからない場合は、作成者のリッチ テキスト エディターの実装原則を読むことができます)
   

JavaScript 変数。

変数: メモリ内のデータ格納スペース。このスペースに格納されているデータは、操作の進行につれて変更される可能性があります。
変数の 3 つの要素: 1. 変数名
2. 変数の値
3. データ型
JS は弱い (動的) 型言語であり、変数に注意する 作成時のデータ型は、実行後にのみ決定できます。

構文: 変数の定義:

var 变量名 = 变量值;//分解var 变量名;变量名 = 变量值;

実際のプロジェクト開発では、変数の宣言にvarを使うことは基本的にありません。 var にはレピュテーションの向上とメモリ リークの問題があるため、一般に、変数の宣言には const と let が使用されます。 const と let の詳細については、著者 b による ES6 の紹介を参照してください。

変数の命名規則: a. 含めることができる文字: 文字、数字、_、$
b. 数字で始めることはできません
c. 数字で始めることはできませんキーワードまたは予約語を指定してください。

キーワード/予約語: 固定された文法的意味を持つ単語 キーワードと予約語の詳細については、ECMAScript のキーワードと予約語を参照してください。
d. 大文字と小文字を厳密に区別してください

変数の命名仕様: a. 変数名は、名前から意味が理解できる簡潔な英単語を使用してください。
b. 複数の単語がある場合、最初の単語の最初の文字は小文字、他の単語の最初の文字は大文字になります。

変数のデータ型の詳細については、「JavaScript データ型の概要」を参照してください。

はじめにJavaScript の記事へ:

HTML と CSS の書き方はすでに知っているが、JavaScript をまだ学習していない場合は、ここにある著者の記事から学習を始めることができます。

JavaScript は、JS エンジンで実行される V8 エンジンです。

JavaScript をどこに記述するかが最初に知っておく必要があります。

は合計3箇所に記述できます。

1. インライン、要素にイベントを追加します

<button onclick=&#39;alert("hello")&#39;>按钮</button>

2. HTML 内に書き込みます
   (通常は、すべての HTML の本文の終了タグの前に配置されます)コンテンツ)

<script type="text/javascript">	//type="text/javascript"可忽略
	//你的JS代码</script>

3. .js という名前の外部 j サフィックスを付けてファイルに書き込み、それを引用符で囲みます。
   たとえば、index.js ファイル を作成し、それを html

<script src="./index.js"></script>

Note と同じディレクトリに置きます。ポイント:
1. src は外部 JS ファイル パスを導入します
2. は単独で指定する必要があります
3. 開始タグと終了タグの間。 JS コードは表示されません。また、表示されても実行されません。

JavaScript 出力入力メソッド

Output:

1. alert('プロンプト メッセージ'); - - 警告ボックスがポップアップ表示されます。ブラウザのレンダリングやその他の操作を中断します。
2. document.write(‘content’); - - 出力コンテンツをドキュメント ストリームに出力します。このアプローチは通常は使用されません。理解できる。
3. console.log('prompt content'); - - ログの内容をコンソールに出力します (コンソールは、ページ上で F12 を使用した後に表示されるものです)。実際のプロジェクト開発プロセスでは継続的なデバッグが必要となるため、フロントエンド プログラマは必ず習得する必要があります。特に迷惑なバグが発生した場合。 console.log その他のプレイ方法については、著者の他の記事をご覧ください: あなたが知らないクールなコンソール操作

入力:

1. prompt(プロンプト メッセージ)
   ユーザーが確認ボタンをクリックすると、ユーザーが入力した値が取得され、キャンセル ボタンをクリックすると、null
2. 入力ボックスが表示されます。 form
   たとえば、input、textarea 待機するか、要素を編集可能な状態に変更します (要素を編集可能な状態に変更する方法がわからない場合は、作成者のリッチ テキスト エディターの実装原則を読むことができます)

JavaScript 変数。

変数: メモリ内のデータ格納スペース。このスペースに格納されているデータは、操作の進行につれて変更される可能性があります。
変数の 3 つの要素:
1. 変数名
2. 変数の値
3. データ型
JS は弱い (動的) 型言語であり、変数に注意する 作成時のデータ型は、実行後にのみ決定できます。
構文:
変数の定義:

var 变量名 = 变量值;//分解var 变量名;变量名 = 变量值;

実際のプロジェクト開発では、変数の宣言にvarを使うことは基本的にありません。 var にはレピュテーションの向上とメモリ リークの問題があるため、一般に、変数の宣言には const と let が使用されます。 const と let の詳細については、著者 b による ES6 の紹介を参照してください。
変数の命名規則:
a. 含めることができる文字: 文字、数字、_、$
b. 数字で始めることはできません
c. 数字で始めることはできませんキーワードまたは予約語を指定してください。
キーワード/予約語: 固定された文法的意味を持つ単語
キーワードと予約語の詳細については、ECMAScript のキーワードと予約語を参照してください。
d. 大文字と小文字を厳密に区別してください
変数の命名仕様:
a. 変数名は、名前から意味が理解できる簡潔な英単語を使用してください。
b. 複数の単語がある場合、最初の単語の最初の文字は小文字、他の単語の最初の文字は大文字になります。

変数のデータ型の詳細については、JavaScript のデータ型の紹介

を参照してください。

以上がJavaScript の書き方を学ぶの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。