JavaScript がオブジェクトの属性とメソッド インスタンスを追加、変更、削除する方法の詳細な説明

伊谢尔伦
リリース: 2017-07-21 09:45:58
オリジナル
1854 人が閲覧しました

オブジェクトにプロパティとメソッドを追加、変更、または削除する方法を紹介します。他の言語では、オブジェクトが生成されると変更できません。変更されたメンバーをオブジェクトに追加するには、対応するクラスでオブジェクトを変更して再インスタンス化し、プログラムを再コンパイルする必要があります。これは、オブジェクトの動作を変更する柔軟なメカニズムを提供し、プロパティとメソッドを動的に追加、変更、削除できる JavaScript には当てはまりません。たとえば、まず Object クラスを使用して、空のオブジェクト ユーザー

var user=new Object();
ログイン後にコピー

1 を作成します。属性を追加します
現時点では、ユーザー オブジェクトには属性やメソッドがありませんが、明らかに役に立ちません。ただし、属性とメソッドを動的に追加できます。例:

user.name=”jack”;
user.age=21;
user.sex=”male”;
ログイン後にコピー

上記のステートメントにより、ユーザー オブジェクトには名前、年齢、性別という 3 つの属性があります。以下の 3 つのステートメントを出力します:

alert(user.name);
alert(user.age);
alert(user.sex);
ログイン後にコピー

コード実行結果から、3 つの属性が完全にユーザー オブジェクトに属していることがわかります。

2.メソッドの追加
メソッドを追加するプロセスは属性と似ています:

user.alert=function(){
alert(“my name is:”+this.name);
}
ログイン後にコピー

これは、ユーザー オブジェクトにメソッド「alert」を追加します。それを実行すると、ダイアログ ボックスがポップアップして自分の名前が表示されます。

3 .属性を変更する

属性を変更するプロセスは、古い属性を新しい属性に置き換えることです。例:

user.alert();
ログイン後にコピー

これは、ユーザー オブジェクトの name 属性の値とアラート メソッドを変更します。これは、「my.名前は「こんにちは」を表示します。


4.属性の削除

属性を削除するプロセスも非常に簡単で、未定義に設定するだけです:

user.name=”tom”;
user.alert=function(){
alert(“hello,”+this.name);
}
ログイン後にコピー

この方法で、name 属性とアラート メソッドが削除されます。コードの後半では、これらのプロパティは使用できなくなります。

属性を追加、変更、または削除するときは、参照属性と同じように角かっこ ([]) 構文を使用することもできます:


user.name=undefined;
user.alert=undefined;
ログイン後にコピー

このメソッドを使用する追加の機能は、属性名として非識別文字列を使用できることです。

識別子は数字やスペースで始めることはできませんが、角括弧 ([]) 構文で使用できます:


user[“name”]=”tom”;
ログイン後にコピー

このような非識別子を名前付きの属性として使用する場合は、依然として使用する必要があることに注意してください。引用するには角括弧構文:

user[“my name”]=”tom”;
ログイン後にコピー

ですが、次のように記述することはできません:

alert(user[“my name”]);
ログイン後にコピー

オブジェクトのこのプロパティを使用すると、単純なハッシュ テーブルを実装することも簡単です。これについては、この本の後半でその応用例について説明します。 JavaScript のすべてのオブジェクトは動的に可変であることがわかり、これがプログラミングに大きな柔軟性をもたらし、読者はこの特性を理解することができます。

以上がJavaScript がオブジェクトの属性とメソッド インスタンスを追加、変更、削除する方法の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート