[javascript] 자바스크립트 객체란

function User(name, age, email) {
  this.name = name;
  this.age = age;
  this.email = email;
  this.sayHello = function() {
    console.log(`Hello, my name is ${this.name}`);
  };
}

let user = new User("John Doe", 30, "johndoe@example.com");
user.sayHello(); // "Hello, my name is John Doe"

 

javaScript 는 객체 지향 프로그래밍 언어입니다.

즉, javaScript의 기본 구성 요소는 객체 입니다.

 

javaScriopt에서 개체는 특정 유형의 데이터를 정의하는 속성 및 메서드의 모음입니다.

객체는 {} 중괄호를 사용하여 정의 할 수 있습니다.

속석은 중괄호 안에 쉼표로 구분된 키 - 값 쌍으로 정의 됩니다.

 

 

예를 들어서

let user = {
  name: "seon geon",
  age: 30,
  email: "seongeon@example.com"
};

 

 

위의 예에서 사용자 개체에는 name , age, email  이라는 세 가지 속성이 있습니다.

이러한 속성의 값은 점 표기법을 사용하여 엑세스 할 수 있습니다.

console.log(user.name); // "seon geon"
console.log(user.age); // 30
console.log(user.email); // "seongeon@example.com"

 

 

속성 외에도 객체에는 매서드가 있을 수 있습니다.

메서드는 개체와 관련된 함수 입니다.

속성과 동일한 방식으로 정의되지만 함수를 값으로 사용합니다.

let user = {
  name: "seon geon",
  age: 30,
  email: "seongeon@example.com",
  sayHello: function() {
    console.log(`Hello, my name is ${this.name}`);
  }
};

user.sayHello(); // "Hello, my name is seon geon"

이 예제에서 사용자 개체에는 인사말을 콘솔에 기록하는 sayHello 메서드가 있습니다.

메서드 내부의 this 키워드는 메서드가 연결된 개체(이 경우 사용자 개체)를 나타냅니다.

 

javaScript에서 객체를 생성하는 또 다른 방법은 객체 생성자를 사용하는 것 입니다.

개체 생성자는 개체를 만드는 데 사용되는 함수 입니다.

new 연산자는 생성자에서 개체의 인스턴스를 만드는데 사용됩니다.

 

 

function User(name, age, email) {
  this.name = name;
  this.age = age;
  this.email = email;
  this.sayHello = function() {
    console.log(`Hello, my name is ${this.name}`);
  };
}

let user = new User("seon geon", 30, "seongeon@example.com");
user.sayHello(); // "Hello, my name is seon geon"

위 예제에서는 User 함수를 생성자로 사용하여서 사용자 개체를 만듭니다.

생성자는 객체의 속성을 초기화 하는 데 사용되는 name, age 및 email 의 세 가지 매게 변수를 사용합니다.

 

결론적으로 객체는 javaScript 의 기본 빌딩 블록이며 실제 엔터티를 모델링하는 데 사용됩니다.

속성과 메서드를 가질 수 있으며 개체 리터럴 또는 개체 생성자를 사용하여 만들 수 있습니다.

 

객체를 이해하고 객체를 사용하는 방법은 능숙한 javascriot 개발자가 되기 위해 필수적입니다.