JavaScript 関数は、特定のタスクを実行するように設計されたコードのブロックです。関数は、「何か」がそれを呼び出す(呼び出す)ときに実行されます。
JavaScript 関数は、function キーワード、名前、かっこ ().
関数パラメータは、関数定義の 括弧 () 内にリストされます。関数の引数は、関数が呼び出されたときに関数によって受け取られる値です。関数内では、引数 (パラメータ) はローカル変数として動作します。
JavaScript が return ステートメントに到達すると、関数の実行が停止します。関数がステートメントから呼び出された場合、JavaScript は呼び出したステートメントの後にコードを実行するために「リターン」します。関数は多くの場合、戻り値を計算します。戻り値は「呼び出し元」に「返されます」。
() 演算子は関数を呼び出します (呼び出します)。 () なしで関数にアクセスすると、関数の結果ではなく関数が返されます。
オブジェクト リテラルは、中括弧 {}.
オブジェクト プロパティには 2 つの方法でアクセスできます -
オブジェクト名.プロパティ名、オブジェクト名["プロパティ名"]
オブジェクトは、プロパティとメソッドのコンテナです。プロパティは 名前付きの値です。メソッドは、プロパティとして保存される関数です。プロパティには、プリミティブ値、関数、またはその他のオブジェクトを指定できます。オブジェクトはオブジェクト、数学はオブジェクト、関数はオブジェクト、日付はオブジェクト、配列はオブジェクト、マップはオブジェクト、セットはオブジェクトです。プリミティブを除くすべての JavaScript 値はオブジェクトです。
プリミティブ値は、プロパティやメソッドがありません。 3.14 はプリミティブな値です。プリミティブ データ型は、プリミティブ値を持つデータです。 JavaScript では 7 種類のプリミティブ データ型 -
が定義されています。
A) 文字列
B) 数字
C) ブール値
D) null
E) 未定義
F) 記号
G) bigint
プリミティブ値は不変です (ハードコードされているため変更できません)。
オブジェクトは変更可能です。これらは、値ではなく参照によってアドレス指定されます。
オブジェクトは、プロパティの順序なしコレクションです。 プロパティは、JavaScript オブジェクトの最も重要な部分です。プロパティは変更、追加、削除できますが、一部は読み取り専用です.
delete キーワードは、オブジェクトからプロパティを削除します。 delete キーワードは、プロパティの値とプロパティ自体の両方を削除します。
オブジェクトにアクセスしています メソッド- objectName.methodName()
新しい メソッドをオブジェクトに追加します -
person.name = function () {
this.firstName " " this.lastName;
を返します
};
toUpperCase() メソッドでテキストを大文字に変換します。
JavaScript オブジェクトを表示するためのいくつかの解決策は次のとおりです -
オブジェクトのプロパティを名前で表示、オブジェクトを表示
ループ内のプロパティ、Object.values()、
を使用したオブジェクトの表示
JSON.stringify()
オブジェクト For In ループ -
const 人 = {
名前: "ジョン"、
年齢: 30、
都市: 「ニューヨーク」
};
let text = "";
for (x を直接会わせてください) {
text = person[x] " ";
};
document.getElementById("demo").innerHTML = text;
ループ内では person[x] を使用する必要があります。 person.x は機能しません (
のため)
x はループ変数).
Object.values() はプロパティ値から配列を作成します。
例 - Object.values(person)
Object.entries() を使用すると、ループ内でオブジェクトを簡単に使用できます。
JavaScript オブジェクトは JSON メソッドで文字列に変換できます
JSON.stringify().
オブジェクト型を作成するには、オブジェクト コンストラクター関数を使用します。
関数 人物(名、姓、年齢、目) {
this.firstName = first;
this.lastName = last;
this.age = 年齢;
this.eyeColor = eye;
}
const myFather = 新しい人("ジョン", "ドウ", 50, "ブルー");
const myMother = 新しい人("サリー", "ラリー", 48, "グリーン");
myMother.changeName = 関数 (名前) {
this.lastName = 名前;
}
myMother.changeName("Doe");
document.getElementById("デモ").innerHTML =
「私の母の姓は " myMother.lastName;
これは例です!
HTML イベントは、HTML 要素で発生する「事柄」です。いつ
JavaScript は HTML ページで使用されており、JavaScript はこれらの
に「反応」できます。
イベント。 HTML イベント -
の例をいくつか示します。
HTML Web ページの読み込みが完了しました。HTML 入力フィールドは
でした
変更され、HTML ボタンがクリックされました。 一般的な HTML イベント -
onchange - HTML 要素が変更されました
onclick - ユーザーが HTML 要素をクリックします
onmouseover - ユーザーが HTML 要素上にマウスを移動します
onmouseout - ユーザーがマウスを HTML 要素から遠ざける
onkeydown - ユーザーがキーボードのキーを押す
onload - ブラウザはページの読み込みを完了しました
文字列
Strings はテキストを保存するためのものです。文字列は
で記述します
引用.
テンプレート文字列は、ES6 (JavaScript
) で導入されました。
2016)。テンプレートは、バッククォートで囲まれた文字列です (これは
です)
テンプレート文字列)。テンプレートでは、
内で一重引用符と二重引用符を使用できます。
弦。テンプレートは Internet Explorer.
文字列の長さを調べるには、組み込みの長さ
を使用します。
財産。
バックスラッシュエスケープ文字 () は特殊文字
に変わります
文字列に変換します。 let text = "我々は北からのいわゆる「ヴァイキング」です。"; let text= '大丈夫です。';
JavaScript オブジェクトとしての文字列 - y = new String("John");
Strings オブジェクトを作成しません。新しいキーワードによりコードが複雑になり、実行速度が遅くなります。 文字列オブジェクトは予期しない結果を引き起こす可能性があります
2 つの JavaScript オブジェクトを比較すると、常に false.
基本的な 文字列メソッド -
文字列 検索メソッド -
テンプレート文字列では、引用符 ("") ではなくバックティック (``) を使用して文字列を定義します。
免責事項: 提供されるすべてのリソースの一部はインターネットからのものです。お客様の著作権またはその他の権利および利益の侵害がある場合は、詳細な理由を説明し、著作権または権利および利益の証拠を提出して、電子メール [email protected] に送信してください。 できるだけ早く対応させていただきます。
Copyright© 2022 湘ICP备2022001581号-3