JavaScript は関数を使用してコンストラクターを定義する_JavaScript のヒント

Javascript でオブジェクトを作成するための構文は、new 演算子の後に関数呼び出しが続くものです。たとえば、

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

var obj = new Object( );
var date = new Date();

演算子 new は、まず属性なしで新しいオブジェクトを作成し、その新しいオブジェクトを this キーワードの値として渡します。 。

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

var date = new Date( ) つまり、
var obj = {};
var date = Date.call(obj);

コンストラクターの機能は、新しく作成されたオブジェクトを初期化して、それを設定することです。オブジェクトのオブジェクト プロパティを使用します。独自のコンストラクターを定義する場合は、これに属性を追加する関数を記述するだけです。次のコードはコンストラクターを定義します。

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

function Rectangle ( w, h)
{
this.width = w;
this.height = h;

その後、新しい演算子を使用して呼び出すことができます。この関数 オブジェクトのインスタンスを作成します

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

var rect = new Rectange(4, 8);

コンストラクターの戻り値
JavaScript のコンストラクターには通常、戻り値がありません。ただし、関数は値を返すことができます。コンストラクターに戻り値がある場合、返されたオブジェクトは新しい式の値になります。この場合、これとして使用されたオブジェクトは破棄されます。

コンストラクター定義メソッドを使用します
構文

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

var object=new objectname();
var -- オブジェクト変数を宣言
object -- オブジェクトの名前
new -- 新しいキーワード (JavaScript キーワード)
objectname - - コンストラクタ名

例

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

//コンストラクターを定義します
function Site(url, name)
{
this.url = "www.jb51.net";
this.name ="夢の街"; 🎜 >}
//コンストラクターを使用して JavaScript オブジェクトのインスタンスを生成します
var mysite = new Site();
alert(mysite.url);コンストラクターは通常、オブジェクト内の一部のコンテンツを初期化できます。JavaScript 内で提供される一部のオブジェクトは、通常、コンストラクター メソッドを使用して生成する必要があります。 JavaScript関数の内容については次章で紹介します。

直接定義による JavaScript オブジェクトの作成

コードをコピー

コードは次のとおりです: //オブジェクト構文を定義します var object={}; //オブジェクト内の属性構文 (プロパティ名 (property) と属性値 (value) はペアで表示されます)

object.property= value ;

//オブジェクト内の関数構文 (関数名 (func) と関数の内容はペアで表示されます)


>var -- オブジェクト変数を宣言します
object -- オブジェクトの名前
property -- オブジェクトのプロパティ名
func -- オブジェクトのメソッド名
説明: オブジェクトには以下を含めることができます一部のプロパティ (関数は括弧付きの特別なプロパティとして見なすことができます)、各プロパティには名前と値があります。名前には任意の文字列を指定することも、空にすることもできます。値には任意の JavaScript タイプを指定できますが、未定義にすることはできません。

定義メソッドを使用して定義したオブジェクトの例




コードのコピー

コードは次のとおりです。 var site = {}; site.URL = "www.jb51.net"; site.englishname = "jb51"; >site .author = "スクリプト"; site.summary = "無料の Web デザイン チュートリアル";

site.isOK = true;

site.startdate = 新しい日付( 2005, 12);
site.say = function(){alert(this.englishname "say : hello world!")};
site.age = function(){var theage=(new Date( ) .getFull Year())-site.startdate.getFull Year();alert(this.name "すでに" theage "year old!")}


コンストラクターを使用して JavaScript オブジェクトを作成する例 -- 編集してみることができます
コンストラクターを使用して JavaScript オブジェクトを作成する
上記のメソッドは、サイト オブジェクトを定義し、その 7 つのプロパティと、 2つの個人的なプロパティの方法。

say メソッドは、jb51 の文字列を出力します。say: hello world!
age メソッドは、Dream City Web サイトの年齢を計算します。
モンキー ヒント: 各属性と関数は次のようにする必要があることに注意してください。オブジェクトの名前が前に付きます。そうしないと、JavaScript はそれがどのオブジェクトに属しているかを判断できません。

次のコースでは、直接定義方法を拡張した JSON 定義方法について説明します。

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title></title>