이롭게 현명하게

목차 scope 이해하기hoistingvar의 호이스팅let의 호이스팅호이스팅을 피해야 하는 이유  https://devyihyun.tistory.com/124 [JavaScript] 자바스크립트 변수(var, let, const)목차 var, let, const란?var 특징let 특징const 특징var를 사용하면 안 되는 이유   varletconst중복선언가능금지금지재할당가능가능금지스코프함수 레벨 스코프블록 레벨 스코프블록 레벨 스코프선언/devyihyun.tistory.com    [scope 이해하기]scope : 변수, 함수를 선언할 때 해당 변수 또는 함수가 사용할 수 있는 범위를 의미한다. Global : 코드의 전 범위에서 사용할 수 있다.Function : 특정 함수 내부에서만 사용할..

목차 spread 연산자 rest 함수 파라미터에서의 rest 함수 인자에서의 spread [spread 연산자] spread : 펼치다, 퍼트리다 이 문법을 사용하면 객체 혹은 배열을 펼칠 수 있다. const slime = { name : '슬라임' }; const cuteSlime = { name : '슬라임', attribute : 'cute' } const purpleCuteSlime = { name : '슬라임', attribute : 'cute', color : 'purple' } 이 객체들을 출력한다면 다음과 같을 것이다. console.log(slime); console.log(cuteSlime); console.log(purpleCuteSlime); 각 slime마다 가지고 있는 속성들..

목차 프로토타입과 클래스 객체 생성자 객체 생성자 상속하기 ES6 Class [객체 생성자] 객체 생성자는 함수를 통해서 새로운 객체를 만들고 그 안에 넣고 싶은 값, 또는 함수를 구현할 수 있게 해 준다. 새로운 객체를 만들 때는 new라는 키워드를 사용한다. function Animal(type, name,sound){ this.type = type; this.name = name; this.sound = sound; this.say = function(){ console.log(this.sound); } } const dog = new Animal('개','멍멍이','멍멍'); const cat = new Animal('고양이','야옹이','야옹'); dog.say(); cat.say(); dog와..

목차 객체 비구조화 할당 객체 안에 함수 넣기 Getter와 Setter [객체] 객체 : 어떠한 값을 선언하게 될 때 하나의 이름에 여러 종류의 값을 넣을 수 있게 해 준다. const dogName = "멍멍이"ㅣ const dogAge = 2; console.log(dogName); console.log(dogAge); // 객체 사용 const dog = { Name : "멍멍이", Age : 2 food : { a : 1, b : 2, ... } ... }; dog라는 객체의 내용을 보고 싶다면 key를 사용한다. // 객체 사용 const dog = { Name : "멍멍이", Age : 2 ... }; console.log(dog.Name); console.log(dog.Age); [비구조화..

화살표 함수를 사용하기 위해서는 let이나 const로 시작한다. const 함수명 = (매개변수) => { //실행할 문장 } // 화살표 함수를 사용하기 위해서는 let이나 const로 시작한다. // example const add = (a,b) =>{ return a+b; } const sum = (a,b) =>a+b; console.log(add(2,3)) // 5 console.log(sum(2,3)) // 5 화살표 함수에서 가르키는 this 라는 값이 function에서 가리키는 this라는 값과 다르다. [JavaScript] 자바스크립트 객체 목차 객체 비구조화 할당 객체 안에 함수 넣기 Getter와 Setter [객체] 객체 : 어떠한 값을 선언하게 될 때 하나의 이름에 여러 종류의..

키보드 자판에 물결표시에 있는 키를 사용한다. ` ` 억음 부호를 사용한다. function A(name){ console.log('Hello, ' + name + '!'); } function B(name){ console.log(`Hello, ${name}`!); } A('JISOO'); B('JISOO'); [JavaScript] 자바스크립트 화살표 함수 화살표 함수를 사용하기 위해서는 let이나 const로 시작한다. const 함수명 = (매개변수) => { //실행할 문장 } // 화살표 함수를 사용하기 위해서는 let이나 const로 시작한다. // example const add = (a,b) =>{ ret devyihyun.tistory.com 잘못된 정보는 댓글에 남겨주시면 감사하겠습니..