JavaScript オブジェクト指向_js オブジェクト指向の基礎の詳細な紹介

オブジェクトとは

簡単に言えば、プログラミング言語におけるオブジェクトとは、現実のものを単純化したものです。たとえば、人はオブジェクトですが、プログラミング言語でそのような複雑なオブジェクトを完全に記述することは困難です。したがって、まず人間を属性と動作の組み合わせに単純化してから、プログラムにとって意味のあるいくつかの属性と動作のみを保持する必要があります。たとえば、ある学校の人々の身長を数えるプログラムを作成する場合、このプログラムでは人々の行動を省略し、行動のみを保持し、属性の身長のみを保持することができます。このようにして、最も単純なオブジェクトが得られます。

JavaScript String Object

オブジェクトのプロパティ
実際、以前に HTML DOM でオブジェクトを使用したことがあります。たとえば、DOM ノードには、nodeName、nodeType などの情報があることがわかっています。実際、この情報はノード オブジェクトのプロパティです。オブジェクトのプロパティを見てみるために文字列を例に挙げてみましょう。

文字列属性
var s = "私は 7 文字を持っています"; 文字列 s を定義すると、文字列オブジェクトが得られ、その長さ属性 (length) にアクセスできるようになります。このプロパティは必要ありません。私たちが定義するものであり、これは組み込みプロパティです。アクセス方法は以下の通りです。

s.length 下のボタンをクリックすると文字列の長さが表示されます。

alert(s.length)
文字列オブジェクトのメソッド (動作)
同様に、文字列オブジェクトを例として、文字列を特定の動作に戻すことができます。文字や単語を配置する、これはアクションです。背面のボタンを使用して、文字列のさまざまなプロパティとメソッドを簡単に体験できます。この記事の最後で、各メソッドの使用方法について詳しく説明します。

コードをコピー コードは次のとおりです:

> ;

文字列の長さには、文字列の長さプロパティを使用します。

alert(str.length)
charAt メソッドを使用して、指定された位置にある文字を返します。

alert(str.charAt(0))
alert(str.charAt(1))

substring メソッドは、文字列から部分文字列をインターセプトします。

alert(str.substring(0,2))
indexOf は、文字列内の指定された文字または文字列の位置を返します。文字が存在しない場合は -1 を返します。

alert(str.indexOf('symbol')
lastIndexOf メソッドは、文字列内で最後に出現した文字の位置を返します。

date object

JavaScript 日付コードの例
まず、日付オブジェクトを使用する JS コードの一部を見て、各変数の値を確認します。

コードをコピーします コードは次のとおりです。

var todayStr = today.toString();//日付を文字列に変換します

var todayLocal = today.toLocaleString();//変換ローカル文字列に変換します
var date = today.getDate();//現在の月の日付をクエリします
var day = today.getDay();//現在の曜日をクエリします
var month = today.getMonth();// 月のクエリ
var year = today.getFull Year();// 年のクエリ
alert(todayStr);
alert(todayLocal);
alert(日);
alert(年);



Date オブジェクト

Date オブジェクトを作成するには、次のステートメントを使用します。

var today = new Date(); 実行後、作成された Date オブジェクトは、today メソッド (動作) に保存されます。 ) 文字列オブジェクトの

JavaScript 日付オブジェクトのクエリ (get) メソッド
JavaScript 日付オブジェクトの設定 (set) メソッド JavaScript 日付オブジェクトの変換 (to) メソッド JavaScript 日付オブジェクトの適用例 - 時計コード
このコードは w3schools から転送されています。




コードをコピーします


コードは次のとおりです:

function checkTime(i){

if (ii="0" i;
return i;
>

配列オブジェクト

JavaScript 配列を作成します

コードをコピー コードは次のとおりです次のように:

JavaScript 配列コードの例

以下は単純です配列の JS コードを使用して、後ろのボタンをクリックして各変数の値を確認できます。

コードをコピー コードは次のとおりです:

arr[n] は、配列内の指定された位置にある要素を返します (0 から始まります)。 下のボタンをクリックすると、arr の各位置の要素を表示できます。

コードをコピー コードは次のとおりです。

alert(arr[0]) //位置 0、つまり最初の要素
alert(arr[1])
alert(arr[2])
alert(arr[3])

から上記のコードからわかるように、配列のいくつかのメソッドを呼び出した後、変数 joinArr、bigArr、sortArr を取得しました。これらのメソッドについては後で詳しく紹介します。まず変数の値を観察して、これらのメソッドが何を行うかを推測できます。

Math オブジェクト
JavaScript Math コードの例

コードをコピー コードは次のとおりです。

まず、JS 組み込み定数である Math.PI の値を保存しましょう。その値を表示するには、下のボタンをクリックします。
alert(num)
rNum は、num の四捨五入された値です。

alert(rNum)
random メソッドは、0 ～ 1 の間のランダムな値を生成します。下のボタンをさらに数回クリックしてみると、取得される数値が変化し続けることがわかります。

alert(Math.random())

関数オブジェクト

JavaScript では、次のステートメントを使用して関数を定義すると、関数もオブジェクトになります。定義 Function 型のオブジェクト。

コードをコピー コードは次のとおりです。

function add(a,b){
return a b;
}

この問題を説明するには、Function のコンストラクターを使用して追加関数を定義します。 >コードをコピー

コードは次のとおりです。 var add = new Function('a ','b', 'return a b'); alert(add(1,2));

このメソッドを使用して定義された関数は上記の関数とまったく同じですが、この構文はさらに面倒なので、一般には使用されません。 Function オブジェクトの
(Function) call メソッド
call は、関数の実行環境、つまり関数内で this が指すオブジェクトを制御することができる非常に便利なメソッドです。次の例は、この問題を示しています。
function whatsThis(){ warning(this) }上記の関数を呼び出すと、this がウィンドウを指していることがわかります。
whatsThis()
しかし、call が使用されている場合、関数内で this のポインティングを制御できます。例:
whatsThis.call(document)()
上記のコードは、関数オブジェクトの call メソッドを使用して this をポイントしています。ドキュメントへの関数内。
元の関数が add 関数などのパラメーターを受け入れる必要がある場合は、次の形式を使用できます:
add.call(document,1,2) つまり、call の最初のパラメーターは次のようにバインドされます。このオブジェクト、1 と 2 は元の追加関数が受け入れる必要があるパラメータです。
(Function) Function オブジェクトの apply メソッド
apply の使用方法は基本的に call の使用方法と同じですが、パラメータが配列の形式で渡されるか、例として add 関数が使用される点が異なります。 :
add.call(document,[ 1,2]) 元の関数 add が受け入れる必要がある 2 つの数値パラメーターが、配列の形式で apply に渡されることがわかります。
関数オブジェクトの呼び出し元属性
function whoCalls(){ alter(whoCalls.caller) } function SheCalls(){ whoCalls() }whoCalls()SheCalls();
呼び出し元属性を使用します。 , 現在の関数を呼び出したユーザーを確認できます。呼び出し元は関数本体内でのみ有効であることに注意してください。
(関数) Function オブジェクトの argument 属性
JavaScript 関数は任意の数のパラメーターを受け入れることができるため、定義されたパラメーターの数によって関数の機能が制限されることはありません。関数では、引数を使用して、関数に渡されるパラメーターにアクセスできます。例:
function howmany(){ var num = argument.length } howmany 関数はパラメーターの数を出力します。関数に渡されるので、下のボタンをクリックして試してください。
howmany(1,2,3,4)howmany(1,2,3,4,5,6,7,8)
関数 argument.callee
関数が argument 属性を持つことはすでにわかっています, Arguments.callee は現在実行されている関数です。例:
function whoAmI(){ alter(arguments.callee); }whoAmI()
上記の関数を実行すると、現在の関数のソース コードが表示されます。もちろん、callee を再度呼び出すこともできます。これは主に匿名関数の再帰に使用されます。