JavaScript アクセス オブジェクトのプロパティとメソッド

属性は色、サイズ、重さなどのオブジェクトの特性を表すために使用される変数です。メソッドは、走る、呼吸する、ジャンプするなどのオブジェクトの動作を表すために使用される関数です。

オブジェクトのプロパティとメソッドは、総称してオブジェクトのメンバーと呼ばれます。

オブジェクトのプロパティにアクセスする

JavaScript では、「 . 」と「 [ ]」を使用してオブジェクトのプロパティにアクセスできます。

1. オブジェクトのプロパティにアクセスするには、「.」を使用します
構文:
objectName.propertyName
ここで、objectName はオブジェクト名、propertyName はプロパティ名です。

2.「[ ]」を使用してオブジェクトのプロパティにアクセスします
構文:
objectName[propertyName]
ここで、objectName はオブジェクト名、propertyName はプロパティ名です。

オブジェクト メソッドへのアクセス

JavaScript では、オブジェクト メソッドにアクセスするには「.」のみを使用できます。

構文:
objectName.methodName()
ここで、objectName はオブジェクト名、methodName() は関数名です。

Person クラスを作成します:

function Person() {
    this.name=" 张三 ";  // 定义一个属性 name
    this.sex=" 男 ";  // 定义一个属性 sex
    this.age=22;  // 定义一个属性 age
    this.say=function(){  // 定义一个方法 say()
        return "嗨!大家好,我的名字是 " + this.name + " ,性别是 " + this.sex + ",今年 " + this.age +"岁!";
    }
}
var zhangsan=new Person();
alert("姓名:"+zhangsan.name);  // 使用“.”来访问对象属性
alert("性别:"+zhangsan.sex);
alert("年龄:"+zhangsan["age"]);  // 使用“[ ]”来访问对象属性
alert(zhangsan.say());  // 使用“.”来访问对象方法

実際のプロジェクト開発では、オブジェクトのプロパティにアクセスするために「.」を使用するのが一般的ですが、場合によっては、JavaScript がオブジェクトをトラバースする場合など、「[]」を使用する方がはるかに便利です。プロパティとメソッド。

学び続ける
||
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> <script>function Person() { this.name=" 张三 "; // 定义一个属性 name this.sex=" 男 "; // 定义一个属性 sex this.age=22; // 定义一个属性 age this.say=function(){ // 定义一个方法 say() return "嗨!大家好,我的名字是 " + this.name + " ,性别是 " + this.sex + ",今年 " + this.age +"岁!"; } } var zhangsan=new Person(); alert("姓名:"+zhangsan.name); // 使用“.”来访问对象属性 alert("性别:"+zhangsan.sex); alert("年龄:"+zhangsan["age"]); // 使用“[ ]”来访问对象属性 alert(zhangsan.say()); // 使用“.”来访问对象方法</script> </head> <body> </body> </html>
  • おすすめコース
  • コースウェアのダウンロード
現時点ではコースウェアはダウンロードできません。現在スタッフが整理中です。今後もこのコースにもっと注目してください〜