얼음저장소

일반함수의 형태 const normal = function () { console.log('hello world'); } 화살표함수의 형태 const arrow = () => console.log('hello world'); 일반 함수와 화살표 함수의 차이 1.형태가 다르다. 보이는 것과 같이 화살표 함수는 =>와 같은 화살표가 붙어 함수를 시작한다. 또한 화살표 함수는 return 값이 한줄로 표현이 되는 경우에는 중괄호 {} 를 제외하고 작성이 가능하다. const returnArr = () => [1, 2, 3]; const returnObj = () => ({name: 'som'}); // 객체를 리턴할 경우에는 소괄호로 감싼다. 2.this 의 정의가 다르다. 일반(normal)함수의 경우에는 ..

자바스크립트에서는 typeof 를 사용하면 타입을 알 수 있지만 몇몇의 경우에는 Object라고만 나오고 정확한 데이터 타입이 무엇인지 알기 어렵다. console.log(typeof 'hello world!'); // string console.log(typeof 123); // number console.log(typeof true); // boolean console.log(typeof undefined); // undefined console.log(typeof null); // object console.log(typeof {}); // object console.log(typeof []); // object 조금 더 정확한 타입을 알고싶다면 typeof 대신에 다른 함수를 따로 ..

https://ko.javascript.info/prototype-inheritance 프로토타입 (prototype) 자바스크립트의 객체는 명세서에서 명명한 [[prototype]] 이라는 숨김 프로퍼티를 갖는다. 이 숨김 프로퍼티 값은 null 이거나 다른 객체에 대한 참조가 되는데, 다른 객체를 참조하는 경우 참조 대상을 '프로토타입(prototype)'이라 부른다. 프로토타입 설정 let animal = { eats: true }; let rabbit = { jumps: true }; rabbit.__proto__ = animal;이런식으로 개발자가 직접 값을 설정할 수 있다. ❗️ __proto__는 [[Prototype]]용 getter·setter입니다. __proto__는 [..

https://ko.javascript.info/property-accessors 프로퍼티 getter 와 setter 객체의 프로퍼티는 두 종류로 나뉜다. 데이터 프로퍼티(data property) : 지금까지 사용한 모든 프로퍼티는 데이터 프로퍼티이다. 데이터 프로퍼티 조작 장법에 대해선 모두 알고 있을 것이다. 접근자 프로퍼티(accessor property) : 새로운 종류의 프로퍼티. 접근자 프로퍼티의 본질은 함수인데, 이 함수는 값을 획득(get)하고 설정(set)하는 역할을 담당한다. 외부 코드에서는 함수가 아닌 일반적인 프로퍼티처럼 보인다. getter 와 setter let user = { name: "John", surname: "Smith", get fullName() { return..

https://ko.javascript.info/property-descriptors 객체 프로퍼티 객체에서 프로퍼티란 한 객체 내에 '키:값' 으로 구성되어 있는 것을 말한다. let user = { name: 'John', age: 30 }; '콜론(:)' 을 기준으로 왼쪽에는 키, 오른쪽에는 값이 위치한다. 프로퍼티 키는 프로퍼티'이름' 혹은 '식별자'라고 부른다. -> 첫번째 프로퍼티 - "name"(이름)과 "John"(값) -> 두번째 프로퍼티 - "age"(이름)과 30(값) 프로퍼티 플래그 객체 프로퍼티는 값(value)과 함께 플래그(flag)라 불리는 특별한 속성 세 가지를 갖는다. writable - true 이면 값을 수정할 수 있다. 그렇지 않으면 읽기만 가능. enumerable..

0. 표현식이란? 표현식(expression) 값으로 평가될 수 있는 문, 즉 결과가 값인 문 표현식이 아닌 문(statement)은 일종의 지시 주로 무언가를 요청하고 그 결과를 명시적으로 반환하는 것 ⇒ 따라서 표현식은 값이 될 수 있고, 그 결과를 다른 표현식에 결합하여 다른값을 얻는 식으로 이어질 수 있다 let x; // 선언문 x = 3 * 5; // 표현식 ⇒ 첫번째 표현식은 3 * 5 이고, 곱셉표현식이며 결과는 15 이다. ⇒ 그 다음은 값 15를 x 에 할당하는 표현식이다. 할당은 그 자체가 표현식이다 let x, y; y = x = 3 * 5; 결과let x, y; // 선언문 y = x = 3 * 5; // 3 * 5 곱셈 표현식 y = x = 15; // x = 15 할당 표현식 ..