개발 알다가도 모르겠네요

ES6 이후 에는 함수를 사용 목적에 따라 명확히 세 가지 종류로 구분 ES6 함수의 구분 constructor prototype super arguments 일반 함수 O O X O 메서드 X X O O 화살표 함수 X X X X 메서드 ES6 이후 , 메서드는 메서드 축약 표현으로 정의된 함수만을 의미 const obj = { x: 1, // foo는 ES6 기준, 메서드다. foo() { return this.x; }, // bar는 ES6 기준, 메서드가 아니다. bar: function () { return this.x; }, }; console.log(obj.foo()); // 1 console.log(obj.bar()); // 1 ES6 메서드 는 인스턴스를 생성할 수 없는 non-const..

객체지향 프로그래밍 객체(object)의 집합 으로 프로그램을 표현하는 것. 실세계의 실체를 인식하는 철학적 사고를 프로그래밍에 반영한 것 추상화 추상화(abstraction) : 객체의 다양한 속성 중에서 프로그램에 필요한 속성만 간추려 내여 표현하는 것 객체에는 크게 2가지 요소로 구성 상태를 나타내는 프로퍼티 상태를 조작하는 행동을 표현하는 메서드 // person 이라는 객체 // "name(이름)", "address(주소)"라는 속성(property)으로 표현하도록 가정 const person = { name: "WI", address: "Incheon", }; // circle 이라는 객체 const circle = { // 원의 반지름 프로퍼티(상태) radius: 5, // 원의 지름을 구..

일급 객체 조건 무명의 리터럴로 생성할 수 있다. 즉, 런타임에 생성이 가능하다. 변수나 자료구조(객체, 배열 등)에 저장할 수 있다. 함수의 매객변수에 전달할 수 있다. 함수의 반환값으로 사용할 수 있다. // 함수는 무명 리터럴로 생성가능 // 함수는 변수에 저장 가능 // 런타임 시점에 함수 리터럴이 평가되어 함수 객체가 생성되고 변수에 할당 된다.(정확히는 함수 객체의 참조값이 할당 된다.) const increase = function (num) { return ++num; }; const decrease = function (num) { return --num; }; // 함수는 객체에 저장할 수 있다. const predicate = { increase, decrease }; // 함수는 ..

var 키워드 문제점 1. 변수 중복 선언 허용 var x = 1; // x변수 선언 & 초기화 동시에 var y = 1; // y변수 선언 & 초기화 동시에 var x = 100; // 선언 문 O, 초기화 문도 X var y; // 선언 문은 O, 초기화 문이 X (암묵적 무시) console.log(x); // 100 console.log(y); // 1 2. 함수 레벨 스코프 함수 외부에서 var 키워드로 선언한 변수는 코드 블록 내에서 선언해도 모두 전역 변수가 된다. → 함수 레벨 스코프함수 레벨 스코프는 전역 변수를 남발할 가능성을 높인다. → 의도치 않게 전역 변수가 중복 선언되는 경우가 발생 var x = 1; // 코드 블록(블록 레벨), 하지만 var 는 함수 레벨 스코프 // 고로,..