javascript42 [4주차 스터디] 22장- this this this의 정의 this는 자신이 속한 객체 또는 자신이 생성할 인스턴스를 가리키는 자기참조 변수 this를 통해 자신이 속한 객체 또는 자신이 생성할 인스턴스의 프로퍼티나 메서드를 참조할 수 있다. this의 필요성 객체는 프로퍼티와 메서드로 이루어져 있다. 프로퍼티 : 상태(state)를 나타냄 메서드 : 동작을 나타냄 객체는 자신이 속한 객체의 상태를 참조하거나 변경해야 하는 경우가 생김 자신의 프로퍼티나 메서드를 참조하려면 우선 자신이 속한 객체를 가리키는 식별자를 참조할 수 있어야 한다. 예를 들어 생성자 함수 경우 new키워드로 생성자 함수를 호출해야 instance가 생성된다. 즉, 생성자 함수를 정의하는 시점에 생성될 예정인 instance를 가리키는 식별자가 필요 (= this).. 2022. 2. 23. [4주차 스터디] 21장- 빌트인 객체 빌트인 객체 자바스크립트 객체의 분류 자바스크립트 객체는 다음과 같이 크게 3개의 객체로 분류할 수 있다. 표준 빌트인객체 표준 빌트인 객체는 ECMAScript 사양에 정의된 객체를 말하면, 애플리케이션 전역의 공통 기능을 제공한다. 자바스크립트 실행 환경과 관계없이 언제나 사용가능 전역 객체의 프로퍼티로서 제공 됨 따라서 전역 변수 처럼 사용 가능 호스트 객체 호스트 객체는 ECMAScript 사양에 정의되어 있지 않지만 자바스크립트 실행환경 (browser또는 Node.js)에서 추가로 제공하는 객체 브라우저 환경 : DOM, BOM, Canvas, XMLHttpRequest 등의 WebAPI제공 Node.js 환경 : path, os 등 node.js 에서 고유의 API 제공 공식문서 참조 사용자.. 2022. 2. 23. [4주차 스터디] 20장- strict mode strict mode strict mode 란? 자바스크립트 언어의 문법을 좀 더 엄격히 적용하여 오류를 발생시킬 가능성이 높거나 자바스크립트 엔진의 최적화 작업에 문제를 일으킬 수 있는 코드에 대해 명시적인 에러를 발생시킨다. ESLint 같은 린트 도구를 사용해도 strict 모드와 유사한 효과를 얻을 수 있다. 린트 도구란 정적 분석 기능을 통해 소스코드를 실행하기 전에 소스코드를 스캔하여 문법적 오류 만이 아니라 잠재적 오류까지 찾아내고 오류의 원인을 리포팅해주는 도구이다. ESLint사용방법 strict mode 의 적용 전역의 선도 또는 함수 몸체의 선두에 'use scritct'; 키워드를 추가하여 사용 전역에 사용시 스크립트 전체에 strict mode 적용 'use .. 2022. 2. 23. [3주차 스터디]19장-프로토타입 프로토타입 자바스크립트는 명령형, 함수형, 프로토타입 기반 객체지향을 지원하는 멀티 패러다임 프로그래밍 언어 js 에서 원시 타입 값을 제외한 나머지 값들은 모두 객체 상속과 프로토타입 상속(inheritance)을 통해 객체의 프로퍼티, 메서드를 다른 객체가 상속받아 그대로 사용할 수 있게 됨. JavaScript는 프로토타입을 기반으로 상속을 구현하여 불필요한 중복을 제거. 프로토타입 사용x function Circle(radius){ this.radius = radius; this.getArea = function () { return Math.PI * this.radius ** 2; }; } const circle1 = new Circle(1); const circle2 = new Circle(2.. 2022. 2. 14. [3주차 스터디]18장-함수와 일급객체 함수와 일급 객체 다음 조건을 만족하는 객체를 일급 객체 라고 한다. 1.무명의 리터럴로 생성 가능 (= 런타임에 생성 가능) 2.변수나 자료구조에 저장 가능 3.함수의 매개변수로 전달 가능 4 함수의 반환값으로 사용 가능 자바스크립트의 함수는 일급 객체 함수객체의 프로퍼티 함수객체는 일반 객체에 없는 고유의 프로퍼티를 가집니다. arguments, caller, length, name, __proto__ arguments 프로퍼티 모든 인수는 암묵적으로 arguments 객체의 프로퍼티로 보관된다. 자바스크립트에서 함수의 매개변수와 인수의 개수가 일치하는 지 확인 하지 않음 arguments 객체는 length 프로퍼티가 있는 유사 배열 객체 이므로 순회 가능(iterable)하다 가변 인자 함수를 구.. 2022. 2. 14. [3주차 스터디] 17장-생성자 함수 생성자 함수에 의한 객체 생성 Object 생성자 함수 new연산자와 함께 Object 생성자 함수를 호출하면 빈 객체를 생성하여 반환함 Object 생성자 함수 이외에도 String, Number, Boolean, Function, Array, Date, RegExp, Promise 등 빌트인 생성자 함수를 제공 // 빈 객체의 생성 const person = new Object(); // 프로퍼티 추가 person.name = 'Lee'; person.sayHello = function () { console.log('Hi! My name is ' + this.name); }; console.log(person); // {name: "Lee", sayHello: ƒ} pe.. 2022. 2. 14. 이전 1 2 3 4 5 6 7 다음
