JavaScript学習メモ(8) JavaScriptオブジェクト_基礎知識

1. JavaScript の組み込みオブジェクト
JavaScript には、独自の組み込みオブジェクトに加えて、よく知られた次のオブジェクトがあります:
•配列
•日付
•Math
•String
•RegExp
•……
各オブジェクトには独自の属性とメソッドがあります。たとえば、
属性: stringObject.length をよく使用します。 ; arrayObject.length;……
メソッド: stringObject.splite(); arrayObject.concat(); ....
2. オブジェクトをカスタマイズし、プロパティとメソッドを追加する方法
a. キーワード new を使用して

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

var newObject = new Object() //新しいクラスを作成します
newObject.name = "new object"; //名前を追加しますattribute
newObject.say = function() { //say()メソッドを追加します
alert(this.name); //新しいオブジェクトを出力します
}

上記の作成方法では、JSON(JavaScript Object Notation) メソッドを次のコードのように省略できます:

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

var newObject = {
name: "新しいオブジェクト";
say: function () {
alert(this.name) );
}
};

より複雑なオブジェクトを作成するために、

コードをコピーします🎜> コードは次のとおりです:

var company = {
name: "tuanzz",
product: "groupon",
address: {省: "湖北"、都市: "武漢"}、
人:[
{名前: "zhangchen"、年齢: "23"}、
{名前: "luomi"、年齢: " 23"},
],
readme: function() {
alert (「私の名前は " this.person[0].name " と " this.person[0].age " 歳です」 ");
}
};
company.readme(); / /output 私の名前は zhangchen、23 歳です;

オブジェクトのコードが次のとおりであることがわかります。 JSON データ形式を使用して作成されたものは、見た目が非常にエレガントなだけではありません。
JSON の形式は、中括弧「{}」で囲まれた項目のリストであり、各項目はカンマ「,」で区切られ、項目は属性名と属性値をコロン「:」で区切ったものになります。これは典型的な辞書表現であり、JavaScript のオブジェクトが辞書構造であることを再度示しています。オブジェクトがどれほど複雑であっても、JSON コードを使用して作成して割り当てることができます。
b. コンストラクターを使用してオブジェクトを作成します

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

function objectFun(name) {
this.name = name;
this.say = function() {
alert(this.name);
}
var newObject = new objectFun("zhangchen");
newObject.say(); //output zhangchen


まず、プロパティとメソッドを定義する新しい objectFun() 関数を作成します。 objectFun クラス (関数は JavaScript のオブジェクトです) を作成し、new を通じてオブジェクトをインスタンス化します。 newObject オブジェクトには、親クラスのプロパティとメソッドもあります。

次のコードを使用して、関数が実際にオブジェクトであることを検出できます。

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

//通常の関数

function Say(s) {
alert(s);
say("hi"); / 関数オブジェクトに属性を割り当てます。 function それはオブジェクトです。
say.test = "機能しますか?";
alert(say.test) // 機能しますか?


上記のオブジェクトの作成方法を理解するにはどうすればよいですか?次のコードを見てみましょう:

コードをコピー

コードは次のとおりです: function objectFun (名前) { this.name = 名前;

this.say = function() {

alert(this.name)
}
var newObject = 新しいオブジェクト(); / /空のオブジェクトを作成します
objectFun.call(newObject, "zhangchen") //このパラメータとして newObject を使用して objectFun 関数を呼び出します
newObject.say("zhangchen");//出力 zhangchen


最初に newObject オブジェクトを作成し、newObject をこのパラメータとして使用して objectFun 関数を呼び出します。ここまで述べましたが、objectFun をコンストラクターとして完全に使用できます。
----------------------------------------------- --- --------------------------------------------------- ----------------------------------------------------
残りの内容については、Li Zhan 著の JavaScript の理解 を参照してください。