logo

TechCodeview

JavaScript チュートリアルを学ぶ

JavaScript チュートリアル

私たちの JavaScript チュートリアル 初心者と専門家の両方向けに設計されています。 JavaScript は、クライアント側の動的ページの作成に使用されます。

JavaScript は オブジェクトベースのスクリプト言語 軽量でクロスプラットフォームです。

JavaScript はコンパイルされた言語ではありませんが、翻訳された言語です。 JavaScript Translator (ブラウザに埋め込まれている) は、Web ブラウザの JavaScript コードを変換します。

JavaScriptとは何ですか

JavaScript (js) は、Web ページのスクリプトを作成するためにいくつかの Web サイトで使用される軽量のオブジェクト指向プログラミング言語です。これは解釈可能な本格的なプログラミング言語であり、HTML ドキュメントに適用すると、Web サイトでの動的な対話性が可能になります。これは、Netscape Navigator ブラウザの Web ページにプログラムを追加するために 1995 年に導入されました。それ以来、他のすべてのグラフィカル Web ブラウザーで採用されています。 JavaScript を使用すると、ユーザーは毎回ページをリロードすることなく、直接対話できる最新の Web アプリケーションを構築できます。従来の Web サイトは js を使用して、いくつかの形式の対話性とシンプルさを提供します。

1/1000.00

ただし、JavaScript は Java プログラミング言語との接続性がありません。この名前は、Java が市場で人気を集めていた時代に提案され提供されました。 Web ブラウザに加えて、CouchDB や MongoDB などのデータベースでは、スクリプトおよびクエリ言語として JavaScript が使用されます。

JavaScriptの特徴

JavaScriptには以下のような特徴があります。

  1. すべての一般的な Web ブラウザは、組み込みの実行環境を提供するため、JavaScript をサポートしています。
  2. JavaScript は、C プログラミング言語の構文と構造に従います。したがって、これは構造化されたプログラミング言語です。
  3. JavaScript は型指定が弱い言語であり、特定の型が (操作に応じて) 暗黙的にキャストされます。
  4. JavaScript は、継承にクラスを使用するのではなく、プロトタイプを使用するオブジェクト指向プログラミング言語です。
  5. これは軽量でインタプリタ型の言語です。
  6. 大文字と小文字を区別する言語です。
  7. JavaScript は、Windows、macOS などのいくつかのオペレーティング システムでサポートされています。
  8. これにより、Web ブラウザ上でユーザーに適切な制御が提供されます。

JavaScriptの歴史

1993年に、 モザイク 、最初の人気のある Web ブラウザが誕生しました。の中に 1994年 、 ネットスケープ によって設立されました マーク・アンドリーセン 。彼は、ウェブがよりダイナミックになる必要があることに気づきました。したがって、デザイナーやパートタイム プログラマーにとって Web デザインを容易にするために、HTML に「グルー言語」が提供されると考えられていました。そこで、1995年に同社は人材を採用した。 ブレンダン・エイチ Scheme プログラミング言語を実装してブラウザに埋め込むことを目的としています。しかし、ブレンダンが事業を開始する前に、会社は サン・マイクロシステムズ Web テクノロジーとプラットフォームで Microsoft と競合できるように、Navigator に Java を追加したことに対して。ここでは、Java とスクリプト言語の 2 つの言語が存在しました。さらに、Netscape は、このスクリプト言語に Java と同じ名前を付けることにしました。それが「JavaScript」につながりました。最後に、1995 年 5 月に、マーク・アンドリーセンは「」という名前の Javascript の最初のコードを作成しました。 モカ '。その後、マーケティング チームがその名前を「」に置き換えました。 ライブスクリプト '。しかし、商標上の理由やその他の理由により、1995 年 12 月にこの言語は最終的に「JavaScript」に名前が変更されました。それ以来、JavaScript が登場しました。

JavaScriptの適用

JavaScript はインタラクティブな Web サイトを作成するために使用されます。主に次の用途に使用されます。

  • クライアント側の検証、
  • 動的なドロップダウン メニュー、
  • 日付と時刻を表示する、
  • ポップアップ ウィンドウおよびダイアログ ボックス (警告ダイアログ ボックス、確認ダイアログ ボックス、プロンプト ダイアログ ボックスなど) を表示します。
  • 時計などを表示します。

JavaScript の例

 document.write('Hello JavaScript by JavaScript');
今すぐテストしてください

最初の JavaScript の例については、次の章で詳しく説明します。

JavaScript インデックス

JavaScript チュートリアル

JavaScript の基本

JavaScript オブジェクト

JavaScript BOM

  • ブラウザオブジェクト
  • 1) ウィンドウオブジェクト
  • 2) 履歴オブジェクト
  • 3) ナビゲーターオブジェクト
  • 4) 画面オブジェクト

JavaScript DOM

JavaScriptの検証

JavaScript OOP

  • JavaScript クラス
  • JavaScript オブジェクト
  • JavaScript プロトタイプ
  • JavaScript コンストラクター メソッド
  • JavaScriptの静的メソッド
  • JavaScriptのカプセル化
  • JavaScriptの継承
  • JavaScript ポリモーフィズム
  • JavaScript の抽象化

JavaScript クッキー

  • JavaScript クッキー
  • クッキーの属性
  • 複数の名前を持つ Cookie
  • Cookieの削除

JavaScriptイベント

    HTML/DOMイベント

JavaScript その他

鋭角
  • JavaScript このキーワード
  • JavaScriptのデバッグ
  • JavaScriptホイスティング
  • JavaScript 厳密モード

JavaScript の進歩

  • JavaScript の TypedArray
  • JavaScript セット
  • JavaScript マップ
  • JavaScript のウィークセット
  • JavaScript の弱いマップ

面接の質問

  • JavaScript の面接の質問

JavaScript メソッド

JavaScript 配列オブジェクト

JavaScript DataView オブジェクト

  • JavaScript データビュー
  • DataView の getFloat32() メソッド
  • DataView の getFloat64() メソッド
  • DataView getInt8() メソッド
  • DataView getInt16() メソッド
  • DataView getInt32() メソッド
  • DataView の getUint8() メソッド
  • DataView getUint16() メソッド
  • DataView の getUint32() メソッド

JavaScript関数オブジェクト

  • JavaScript関数
  • 関数 apply() メソッド
  • 関数bind()メソッド
  • 関数 call() メソッド
  • 関数 toString() メソッド

JavaScript 日付オブジェクト

  • JavaScriptの日付
  • 日付 getDate() メソッド
  • 日付 getDay() メソッド
  • 日付 getFullyears() メソッド
  • 日付 getHours() メソッド
  • date getMilliseconds() メソッド
  • 日付 getMinutes() メソッド
  • 日付 getMonth() メソッド
  • 日付 getSeconds() メソッド
  • 日付 getUTCDate() メソッド
  • 日付 getUTCDay() メソッド
  • 日付 getUTCFullyears() メソッド
  • 日付 getUTCHours() メソッド
  • 日付 getUTCMinutes() メソッド
  • 日付 getUTCMonth() メソッド
  • 日付 getUTCSeconds() メソッド
  • 日付 setDate() メソッド
  • 日付 setDay() メソッド
  • date setFullyears() メソッド
  • 日付 setHours() メソッド
  • date setMilliseconds() メソッド
  • date setMinutes() メソッド
  • 日付 setMonth() メソッド
  • 日付 setSeconds() メソッド
  • 日付 setUTCDate() メソッド
  • 日付 setUTCDay() メソッド
  • 日付 setUTCFullyears() メソッド
  • date setUTCHours() メソッド
  • date setUTCMilliseconds() メソッド
  • 日付 setUTCMinutes() メソッド
  • 日付 setUTCMonth() メソッド
  • 日付 setUTCSeconds() メソッド
  • 日付 toDateString() メソッド
  • 日付 toISOString() メソッド
  • date toJSON() メソッド
  • 日付 toString() メソッド
  • 日付 toTimeString() メソッド
  • date toUTCString() メソッド
  • date valueOf() メソッド

JavaScriptハンドラーオブジェクト

文字列内のJava int
  • JavaScript ハンドラー
  • ハンドラー apply() メソッド
  • ハンドラーのconstruct()メソッド
  • ハンドラーdefineProperty()メソッド
  • ハンドラーの deleteProperty() メソッド
  • ハンドラー get() メソッド
  • ハンドラー getOwnPropertyDescriptor() メソッド
  • ハンドラー getPrototypeOf() メソッド
  • ハンドラー has() メソッド
  • ハンドラー isExtensible() メソッド
  • ハンドラ ownKeys() メソッド
  • ハンドラーのPreventExtensions() メソッド
  • ハンドラー set() メソッド
  • ハンドラー setPrototypeOf() メソッド

JavaScript JSON オブジェクト

  • JavaScript JSON
  • JSON.parse() メソッド
  • JSON.stringify() メソッド

JavaScript マップ オブジェクト

  • JavaScript マップ
  • マップのclear()メソッド
  • マップの delete() メソッド
  • マップのentries()メソッド
  • forEach() メソッドのマップ
  • マップの get() メソッド
  • マップの has() メソッド
  • マップkeys()メソッド
  • マップ set() メソッド
  • Map value() メソッド

JavaScript 数学オブジェクト

  • JavaScript の数学
  • 数学 abs() メソッド
  • 数学 acos() メソッド
  • 数学 asin() メソッド
  • Math atan() メソッド
  • 数学 cbrt() メソッド
  • 数学 ceil() メソッド
  • Math cos() メソッド
  • 数学 cosh() メソッド
  • Math exp() メソッド
  • Math Floor() メソッド
  • Math hypert() メソッド
  • Math log() メソッド
  • Math max() メソッド
  • Math min() メソッド
  • 数学 pow() メソッド
  • 数学のrandom()メソッド
  • 数学round()メソッド
  • Mathsign() メソッド
  • 数学 sin() メソッド
  • Math sinh() メソッド
  • Math sqrt() メソッド
  • Math Tan() メソッド
  • Math Tanh() メソッド
  • 数学 trunc() メソッド

JavaScript 数値オブジェクト

  • JavaScript 番号
  • Number isFinite() メソッド
  • Number isInteger() メソッド
  • 数値 parseFloat() メソッド
  • 数値 parseInt() メソッド
  • Number toExponential() メソッド
  • Number toFixed() メソッド
  • Number toPrecision() メソッド
  • 数値 toString() メソッド

JavaScript RegExp オブジェクト

  • JavaScript 正規表現
  • RegExp.exec() メソッド
  • RegExp.test() メソッド
  • RegExp.toString() メソッド

JavaScript オブジェクト

  • JavaScript オブジェクト
  • Object.assign() メソッド
  • Object.create() メソッド
  • Object.defineProperty() メソッド
  • Object.defineProperties() メソッド
  • Object.entries() メソッド
  • Object.freeze() メソッド
  • getOwnPropertyDescriptor() メソッド
  • getOwnPropertyDescriptors() メソッド
  • getOwnPropertyNames() メソッド
  • getOwnPropertySymbols() メソッド
  • Object.getPrototypeOf() メソッド
  • Object.is() メソッド
  • PreventExtensions() メソッド
  • Object.seal() メソッド
  • Object.setPrototypeOf() メソッド
  • Object.values() メソッド

JavaScriptリフレクトオブジェクト

  • JavaScript 反映
  • Reflect.apply() メソッド
  • Reflect.construct() メソッド
  • Reflect.defineProperty() メソッド
  • Reflect.deleteProperty() メソッド
  • Reflect.get() メソッド
  • getOwnPropertyDescriptor() メソッド
  • Reflect.getPrototypeOf() メソッド
  • Reflect.has() メソッド
  • Reflect.isExtensible() メソッド
  • Reflect.ownKeys() メソッド
  • PreventExtensions() メソッド
  • Reflect.set() メソッド
  • Reflect.setPrototypeOf() メソッド

JavaScript セットオブジェクト

  • JavaScript セット
  • add() メソッドを設定する
  • clear() メソッドを設定する
  • delete() メソッドを設定する
  • Set events() メソッド
  • forEach() メソッドを設定します
  • has() メソッドを設定する
  • Set value() メソッド

JavaScript 文字列オブジェクト

  • 文字列 charAt() メソッド
  • 文字列 charAt() メソッド
  • 文字列 charCodeAt() メソッド
  • String concat() メソッド
  • 文字列のindexOf()メソッド
  • String lastIndexOf() メソッド
  • 文字列検索()メソッド
  • 文字列の一致()
  • String replace() メソッド
  • String substr() メソッド
  • String substring() メソッド
  • 文字列スライス()メソッド
  • 文字列 toLowerCase() メソッド
  • toLocaleLowerCase() メソッド
  • 文字列 toUpperCase() メソッド
  • toLocaleUpperCase() メソッド
  • String toString() メソッド
  • String valueOf() メソッド

JavaScript シンボル オブジェクト

  • JavaScript のシンボル
  • Symbol.for() メソッド
  • Symbol.keyFor() メソッド
  • Symbol.toString() メソッド

シンボルのプロパティ

  • Symbol.hasInstance プロパティ
  • isConcatSpreadable プロパティ
  • Symbol.match プロパティ
  • Symbol.prototype プロパティ
  • Symbol.replace プロパティ
  • Symbol.search プロパティ
  • Symbol.split プロパティ
  • Symbol.toStringTag プロパティ
  • Symbol.unscopables プロパティ

JavaScript TypedArray オブジェクト

  • JavaScript の TypedArray
  • TypedArray copyWithin() メソッド
  • TypedArray エントリ() メソッド
  • TypedArrayのevery()メソッド
  • TypedArray fill() メソッド
  • TypedArray filter() メソッド
  • TypedArray の find() メソッド
  • TypedArray の findIndex() メソッド
  • TypedArray forEach() メソッド
  • TypedArray の include() メソッド
  • TypedArrayのindexof()メソッド
  • TypedArray join() メソッド
  • TypedArray Keys() メソッド
  • TypedArray の lastIndexof() メソッド
  • TypedArray の map() メソッド
  • TypedArrayのreduce()メソッド
  • TypedArrayのreduceRight()メソッド
  • TypedArray reverse() メソッド
  • TypedArray set() メソッド
  • TypedArray Slice() メソッド
  • TypedArray の some() メソッド
  • TypedArray sort() メソッド
  • TypedArray subarray() メソッド
  • TypedArray value() メソッド
  • toLocaleString() メソッド
  • TypedArray の toString() メソッド

JavaScript WeakMap オブジェクト

np.random.rand
  • JavaScript の弱いマップ
  • WeakMap delete() メソッド
  • WeakMap get() メソッド
  • WeakMap には () メソッドがあります
  • WeakMap set() メソッド

JavaScript WeakSet オブジェクト

  • JavaScript のウィークセット
  • WeakSet add() メソッド
  • WeakSet delete() メソッド
  • WeakSet の has() メソッド

前提条件

JavaScript を深く学ぶ前に、HTML の基本的な知識を持っている必要があります。

観客

私たちは、初心者と専門家の両方を対象に、この JavaScript チュートリアルを開発しました。 JavaScript エディターを使用した例が多数示されています。したがって、JavaScript コードを簡単に編集できるため、JavaScript を簡単に学習できます。

問題

JavaScript チュートリアルでは問題が見つからないことを保証します。ただし、間違いを見つけた場合は、コメントセクションに投稿してください。