TCPSchool32 [JavaScript] 객체 - 객체 프로퍼티와 메소드 객체 프로퍼티(property) - 모든 객체는 Object 객체와 Object.prototype 객체의 모든 프로퍼티를 상속받음 - prototype 프로퍼티로 새로운 프로퍼티나 메소드 추가 가능 객체 메소드(method) 1. hasOwnProperty() 2. propertyIsEnumerable() 3. isPrototypeOf() 4. isExtensible() 5. toString() 6. valueOf() 1. hasOwnProperty() - 특정 프로퍼티가 해당 객체에 존재하는지 검사 - 해당 객체에서 직접 선언된 프로퍼티만 검사 - 같은 이름의 프로퍼티라도 상속받은 프로퍼티는 false function Dog(color, name, age, family) { this.color = co.. 2021. 10. 29. [JavaScript] 객체 다루기 this 키워드 - 해당 키워드가 사용된 코드 영역을 포함하고 있는 객체를 가리킴 - 메소드 내부) 해당 메소드를 포함하고 있는 객체를 가리킴 - 객체 내부) 객체 그 자신을 가리킴 - 객체 생성자 함수 내부) 어떠한 값도 갖지 X, 단순히 새로운 객체로 대체 - 키워드이므로 사용자가 임의로 가리키는 값을 바꿀 수 없음 객체 프로퍼티의 삭제 - delete 키워드 이용 delete 객체이름.프로퍼티이름; - 프로퍼티의 값 + 프로퍼티 그 자체 삭제 - 함수 / 변수에 사용하면 아무런 동작 X function Dog(color, name, age) { this.color = color; this.name = name; this.age = age; } const myDog = new Dog("흰색", "마루.. 2021. 10. 29. [JavaScript] 객체 - 프로토타입 상속(inheritance) - 새로운 클래스에서 기존 클래스의 모든 프로퍼티와 메소드를 사용할 수 있는 것 - 기존 클래스를 수정하여 재사용 가능 - 클래스 간의 종속 관계 형성으로 객체의 관계를 조직화 할 수 있음 - 추상화, 캡슐화와 더불어 객체 지향 프로그래밍의 중요한 특징 중 하나 - JS 는 프로토타입 기반의 객체 지향 언어 => 현재 존재하고 있는 객체를 프로토타입으로 사용하여 해당 객체를 복제하여 재사용 프로토타입(prototype) - 모든 객체는 프로토타입이라는 객체를 가짐 - 모든 객체는 그들의 프로토타입으로부터 프로퍼티와 메소드를 상속받음 - 이 때, 상속되는 정보를 제공하는 객체 = 프로토타입 프로토타입 체인(prototype chain) - 객체 이니셜라이저를 사용해 생성된 같은.. 2021. 10. 29. [JavaScript] 객체 객체(object)란? - 실생활에서 우리가 인식할 수 있는 사물 - 프로퍼티와 메소드를 가짐 자바스크립트 객체 - 자바스크립트의 기본 타입 = 객체 - 이름과 값으로 구성된 프로퍼티의 정렬되지 않은 집합 const cat = "나비"; // 일반적인 변수의 선언 // 객체도 많은 값을 가지는 변수의 하나임. const kitty = { name: "나비", family: "코리안 숏 헤어", age: 1, weight: 0.1 }; cat // 나비 kitty.name // 나비 - 숫자, 문자열, Boolean, undefined 타입을 제외한 모든 것이 객체 - 하지만 숫자, 문자열, Boolean과 같은 원시 타입은 값이 정해진 객체로 취급 => 객체로서의 특징을 가짐 객체의 프로퍼티 참조 객체이.. 2021. 10. 29. [JavaScript] 함수 - 미리 정의된 전역 함수 미리 정의된 전역 함수(predefined functions) - 사용자의 편의를 위해 미리 정의된 전역 함수들 - 어떤 타입의 객체에서도 바로 사용 가능 1. eval() 2. isFinite() 3. isNaN() 4. parseFloat() 5. parseInt() 6. encodeURI() 7. encodeURIComponent() 8. decodeURI() 9. decodeURIComponent() 10. escape() 11. unescape() 12. Number() 13. String() 1. eval() - 문자열로 표현된 코드 실행 eval("문자열"); const x = 10, y = 20; const a = eval("x + y");// 30 const b = eval("y * 3".. 2021. 10. 28. [JavaScript] 함수 - 매개변수와 인수 매개변수(parameter) - 함수 정의 시, 매개변수의 타입 명시 X - 함수 호출 시, 인수에 대한 타입 검사도 X - 함수의 정의보다 적은 수의 인수가 전달되어도 오류 X => 자동으로 undefined 설정 매개변수(parameter) : 함수 정의에서 전달받은 인수를 함수 내부로 전달하기 위해 사용하는 변수 인수(argument) : 함수 호출 시, 함수로 전달해주는 값 function addNum(x, y, z) { return x + y + z; } addNum(1, 2, 3);// 1+2+3 = 6 addNum(1, 2);// 1+2+undefined = NaN addNum(1);// 1+undefined+undefined = NaN addNum();// undefined+undefine.. 2021. 10. 28. 이전 1 2 3 4 5 6 다음
