JavaScript の作成オブジェクトと構築クラスの実装 code_js オブジェクト指向

オブジェクトの作成
Java コード

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

< ;script type ="text/javaScript">
var newObject=new Object();
//オブジェクトを作成します
newObject.firstName="frank";
//firstName 属性を追加します
newObject.sayName=function(){
alert(this.firstName);
}
//sayName メソッドを追加します
//sayName メソッドを呼び出します
// newObject。 SayName();
// newObject["sayName"]();
var FirstName=newObject["firstName"];
// if(whatVolume==1);
/ / whatFunction="sayName";
// }else if(whatVolume==2){
// whatFunction="sayLoudly"
// }
// newObject[whatFunction] ]();
functionsayLoudly(){
alert(this.firstName.toUpperCase());
newObject.sayLoudly=sayLoudly>//メソッドを追加する別の方法
newObject ["sayLoudly"]();



json (JavaScript Object Notation) を使用してオブジェクトを作成すると、上記と同じ効果が得られます。
Java コード

コードをコピー コードは次のとおりです。 function SayLoudly() {

alert(this.firstName.toUpperCase());

}
var newObject={
firstName:"frank",
sayName:function(){alert(this.firstName) ;},
sayLoudly:sayLoudly
};
//次のこともできます
var newObject={
firstName: "frank",
sayName:function(){alert (this.firstName) ;},
sayLoudly:sayLoudly,
lastName:{
lastName:"ziggy",
sayName:function(){alert(this.lastName);}

} ;
newObject.lastName.sayName();


これはOKです
Java コード

コピーcode コードは次のとおりです。 >function SayName(){ alert(this.name); } var newObject={

name:"frank",

sayName:sayName,
sayLoudly:sayLoudly,
lastName:{
name:"ziggy",
sayName:sayName
}
};
newObject.lastName.sayName(); JavaScript のクラスとコンストラクター メソッド。 。 。
Java コード




コードをコピー


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

function newClass() {
alert("constructor");
this.firstName="frank";

this.sayName=function(){alert(this.firstName);} // return this; 🎜>} //var nc=newClass(); var nc=newnewClass(); //nc.firstName="ziggy"; はOKです。

次のようにクラスを構築することもできます

Java コード




コードをコピー


コード


function newClass(){

this.firstName="frank";
}
newClass.prototype.sayName=function(){
alert (this.firstName);

} var nc=new newClass(); nc.firstName="ziggy"; var nc2=new newClass() ); nc2.sayName ();

通常、プロトタイプはメソッドの追加に使用されるため、インスタンスがいくつあっても、メモリ内には SayName メソッドが 1 つだけ存在します。