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>

코드 재설정

자동운전

제출하다

시사 Clear