オブジェクト

11194 ワード
テキストリンク
オブジェクト
オブジェクトは、1つの変数に様々な値を格納できる概念です.key : valueの形式で使用される.すなわち,1つの変数は異なる値を有し,より立体的で豊かな意味を持つ.また,これらの概念はすべて1つのオブジェクトと総称される.
実際、一度にオブジェクトの正確な定義を知るのは難しい.事前にオブジェクト自体を定義するよりも、直接肌で感じて理解するほうがいいです.
利用対象
映画『ハリー・ポッター』の主人公ハリー・ポッターを対象化し、自己紹介コードを作る.
// 객체 생성
const harryPotter = {
  name: "해리 포터",
  gender: "남자",
  lineage: "혼혈",
  dormitory: "그리핀도르",
  pet: "흰 올빼미"  
};

// 자기소개
function hello(character) {
  const text = `안녕하세요. 저는 ${character.name}입니다.
		${character.dormitory} 소속이고
		${character.pet}를 기릅니다.`;
  console.log(text);
}

// 실행
hello(harryPotter);
👉 実行結果안녕하세요. 저는 해리 포터입니다. 그리핀도르 소속이고 흰 올빼미을 기릅니다.非構造割り当て(構造分解割り当て)
上記の内容も以下のように利用できます.この方法は객체의 비구조화 할당または객체의 구조 분해 할당とも呼ばれる.
// 객체 생성
const harryPotter = {
  name: "해리 포터",
  gender: "남자",
  lineage: "혼혈",
  dormitory: "그리핀도르",
  pet: "흰 올빼미"  
};

// 자기소개
function hello({name, dormitory, pet}) {
  const text =`안녕하세요. 저는 ${name}입니다.
	       ${dormitory} 소속이고
	       ${pet}를 기릅니다.`;
  console.log(text);
};

// 실행
hello(harryPotter);
👉 実行結果안녕하세요. 저는 해리 포터입니다. 그리핀도르 소속이고 흰 올빼미을 기릅니다.オブジェクト作成者
次に、ジェネレータによってオブジェクトを生成する方法を示します.
// 생성자 객체 함수
function character(name, gender, lineage, dormitory, pet) {
  this.name = name;
  this.gender = gender;
  this.lineage = lineage;
  this.dormitory = dormitory;
  this.pet = pet;
  this.selfIntro = function() {
    return `안녕하세요. 저는 ${name}입니다.
	    ${dormitory} 소속이고
	    ${pet}를 기릅니다.`;
  }
};

// 해리포터 객체 생성
const hp = new character("해리 포터", "남자", "혼혈", "그리핀도르", "흰 올빼미");

// 자기소개 실행
console.log(hp.selfIntro());

// 해리포터의 혈통
console.log(`해리포터의 혈통은 ${hp.lineage}이다.`);
👉 実行結果안녕하세요. 저는 해리 포터입니다. 그리핀도르 소속이고 흰 올빼미을 기릅니다. 해리포터의 혈통은 혼혈이다.
TIL CORS
白駿-道路ネットワーク(3176)