교육후 개인공부/JavaScript5 [JS] prototype, __proto__ 부모 객체의 프로퍼티나 메서드를 가져와서 사용 => 상속 객체간의 상속을 구현하기위해 => 프로토타입을 사용 프로토타입 = 상위객체 = 부모객체 let arr = new Array(); Array 객체를 arr배열의 프로토타입이라고 한다. 생성자 함수를 선언하는 순간, 자동으로 프로토타입 객체가 만들어진다. const Book = function(title, pages, done){ this.title = title; this.pages = pages; this.done = done; this.finish = function(){ this.done === false ? str = "읽는중" : str = "완독"; return str; } } const book1 = new Book("웹 표준의 정석",.. 2024. 1. 25. [JS] 객체의 키와 값에 접근하기 1. 객체의 키에 접근하기 for(변수 in 객체){.....} 이렇게 하면 객체의 키를 가져올수있다. 2. Object 메서드사용하기 Object.keys(객체명) //객체의 키만 배열로 반환한다. Object.values(객체명) //객체의 값만 배열로 반환한다. Object.entries(객체명) //객체의 [키, 값]쌍을 배열로 반환한다. 2024. 1. 25. [JS] 생성자함수, 클래스, 인스턴스 생성자함수와 클래스는 비슷한 개념이지만 클래스는 ECMAScript 2015 이후 버전에서만 사용할수있다. 생성자 함수 : 객체의 틀을 만들때 함수를 사용하는 함수 인스턴스, 인스턴스객체: 생성자 함수를 사용해서 찍어내는 객체 생성자함수 - 인스턴스 객체를 만들어내는 함수 -함수 내부에서 this를 사용한다. -생성자 함수 이름의 첫 글자는 항상 영문자의 대문자로 쓴다 function Book(title, pages, done = false){ this.title = title; this.pages = pages; this.finish = function(){ let str = ""; this.done === false ? str = "읽는중": str = "완독"; return str; } } 여기서 .. 2024. 1. 25. [JS] 객체 객체는 여러개의 프로퍼티로 구성되어있다. 프로퍼티는 '키:값' 형태를 가지고 있다. 프로퍼티의 값이 함수일경우 이것을 메서드라 부른다. 메서드는 객체의 프로퍼티 중 객체의 동작을 지정하는 함수이다. let book1 = { title: '웹 표준의 정석", pages: 648 } 위의 코드에서 title과 page는 키 웹표준의정석과 648은 값 title: 웹표준의 정석 이거는 프로퍼티 delete 객체명.키 delete book.pages 키와 값이 모두 삭제된다. 프로퍼티에서 키는 그대로 두고 값만 제거할경우, 키의 값을 'undefined'로 지정한다. book.author = undefined 메서드는 객체의 프로퍼티 중 객체의 동작을 지정하는 함수이다. 메서드를 선언하는 방법은 일반적인 함수를.. 2024. 1. 25. 이전 1 2 다음