JS_기본 지식으로 객체를 생성하는 방법

객체는 정보를 구성하는 데 유용합니다.
객체는 문자열, 날짜, 배열 등과 같은 객체를 구성하는 데 매우 유용합니다.
튜토리얼의 이전 부분에서는 JS에 문자열, 날짜, 배열 등과 같은 내장 개체가 있다는 것을 확인했습니다. 게다가 우리는 우리만의 객체를 만들 수도 있습니다.

객체는 속성과 메서드의 모음을 가진 특별한 종류의 데이터입니다.
객체는 속성과 메서드의 모음을 가진 특별한 종류의 데이터입니다.

예를 들어 설명하자면 사람은 객체입니다. 속성은 이름, 키, 몸무게, 나이, 피부색, 눈 색깔 등이 객체와 관련된 값입니다. 모든 사람은 이러한 속성을 가지고 있지만 해당 속성의 값은 사람마다 다릅니다. 객체에도 메소드가 있습니다. 메소드는 객체에 대해 수행할 수 있는 작업입니다. , work() , play() 등
예를 들어 보겠습니다. 사람은 객체입니다. 속성은 객체와 관련된 값입니다. 사람들의 속성에는 이름, 키, 몸무게, 나이, 피부색, 눈 색깔 등이 포함됩니다. 모든 사람은 이러한 속성을 가지고 있지만 그 가치관은 사람마다 다를 수 있습니다. 객체에도 메소드가 있습니다. 메소드는 객체의 동작 동작입니다. 인간의 메소드는 eat()[eat], sleep()[sleep], work()[work] 등이 될 수 있습니다.

속성 특성
객체의 속성에 액세스하기 위한 구문은 다음과 같습니다.
객체의 속성을 연결하는 구문은 다음과 같습니다.

objName.propName

귀하 간단히 값을 제공하여 객체에 속성을 추가할 수 있습니다. personObj가 이미 존재한다고 가정합니다. 다음과 같이 이름, 성, 연령 및 눈색이라는 속성을 부여할 수 있습니다.
객체에 속성을 할당하여 추가할 수 있습니다. 값. personObj가 이미 존재한다고 가정하면 아래의 나이와 눈 색깔과 함께 이름과 성을 개체에 추가할 수 있습니다.

personObj.firstname="John"

personObj.lastname="Doe"
personObj.age=30
personObj.eyecolor="blue"document.write(personObj.firstname)

위 코드는 다음 출력을 생성합니다.
위 코드는 다음을 출력합니다.

John

메서드
객체는 메소드를 포함할 수도 있습니다.
객체는 메소드도 포함할 수 있습니다

다음 구문을 사용하여 메소드를 호출할 수 있습니다. >다음 구문을 사용하여 메소드를 호출할 수 있습니다.

objName.methodName()

참고: 메소드에 필요한 매개변수는
메소드에 필요합니다. 매개변수는 괄호 안에 기록됩니다.

personObj에 대해 sleep()이라는 메서드를 호출하려면
personObj 개체에 대해 sleep() 메서드를 호출합니다

personObj.sleep()


------------------------------- ------ ----------

만들기 객체 소유
자신만의 객체 생성
새 객체를 생성하는 방법에는 여러 가지가 있습니다.
새 객체를 생성하는 방법에는 두 가지가 있습니다

객체의 직접 인스턴스를 생성합니다.
직접 생성

다음 코드는 객체의 인스턴스를 생성하고 여기에 4가지 속성을 추가합니다.
다음 코드는 객체를 직접 생성하고 객체에 4가지 속성을 추가할 수 있습니다.

personObj= new Object()
personObj.firstname="John"

personObj.lastname="Doe"
personObj.age=50
personObj.eyecolor="blue"

personObj에 메서드를 추가하는 것도 간단합니다. 다음 코드는 personObj에 eat()이라는 메서드를 추가합니다.
객체에 대한 메서드를 만드는 것도 매우 간단합니다.다음 코드는 eat() 메소드를 추가합니다

personObj.eat=eat

2. 객체의 템플릿 생성
객체 모듈 생성

템플릿은 다음을 정의합니다. 객체의 구조:
모듈은 객체의 구조를 정의합니다

function person(firstname,lastname,age,eyecolor)
{
this.firstname=firstname
this. lastname=lastname
this.age=age
this.eyecolor=eyecolor
}

템플릿은 함수일 뿐이라는 점에 유의하세요. 함수 내에서 this.propertyName에 항목을 할당해야 합니다. 에 있는 모든 "이" 항목의 이유는 한 번에 두 명 이상의 사람을 상대하게 되기 때문입니다(어떤 사람을 상대하고 있는지 명확해야 합니다).
모듈은 함수일 뿐이라는 점에 유의하세요. 함수에서는 this.propertyName에 무언가를 할당해야 합니다. 모든 것이 "이것"인 이유는 동시에 여러 사람이 있게 되기 때문입니다(어떤 사람인지 알아야 합니다).

템플릿이 있으면 다음과 같이 개체의 새 인스턴스를 만들 수 있습니다.
모듈이 있으면 다음과 같이 직접 새 개체를 만들 수 있습니다.

myFather= new person("John","Doe",50,"blue")
myMother=new person("Sally","Rally",48,"green")

몇 가지를 추가할 수도 있습니다 이 작업은 템플릿 내에서도 수행됩니다.
또한 모듈에서 수행할 수 있는 몇 가지 메서드를 person 객체에 추가할 수도 있습니다.

function person(firstname,lastname, 나이,눈색깔)
{
this.firstname=firstname
this.lastname=lastname
this.age=age
this.eyecolor=eyecolorthis.newlastname=newlastname
}

메서드는 객체에 연결된 함수일 뿐이라는 점에 유의하세요. 그런 다음 newlastname() 함수를 작성해야 합니다.
이 메서드는 객체에 연결된 함수일 뿐이라는 점에 유의하세요. () function

function newlastname(new_lastname)
{
this.lastname=new_lastname
}

newlastname() 함수는 사람의 새로운 성을 정의하고 이를 할당합니다. JavaScript는 "this"를 사용하여 어떤 사람에 대해 이야기하고 있는지 알 수 있습니다. 이제 myMother.newlastname("Doe")를 작성할 수 있습니다.
newlastname() 함수는 그 사람의 새로운 성을 정의합니다. 그리고 그것을 사람에게 할당합니다. "this"를 사용하면 JS는 귀하가 설명하는 사람이 누구인지 이해할 것입니다. 이제 다음과 같이 쓸 수 있습니다: myMother.newlastname("Doe")