반응형 IT/javascript24 ES6 화살표 함수 const add = (a, b) => { return a + b; } => {} 중괄호와 retrun 생략 가능 const add = (a, b) => a + b; const hello = (name) => { console.log ('Hello, ${name}!'); } hello('j'); ----------출력 : Hello, j! 2020. 7. 13. 함수 특정 코드를 하나의 명령어로 실행할 수 있게 해주는 기능. 파라미터(인풋) -> 함수 -> 결과 function add (a, b) { return a + b; } const sum = add (1, 2); console.log(sum); ----------출력 : 3 function hell (name) { console.log ('Hello' + name + '!'); } hello('j'); ----------출력 : Hello j! ES6 : ECMAScript 6. 자바스크립트의 버전으로 2015년에 도입. ES2015라 부르기도 함 function hell (name) { console.log(`Hello ${naem} !`); } hello ('j'); ----------출력 : Hello .. 2020. 7. 13. 조건문 - if, else, else if, switch case if const a = 1; if ( a + 1 === 2 ) { console.log('a+1은 2입니다.'); } -----------------------출력 : a+1은 2입니다. const a = 1; if ( a = 1 ===2 ) { const a = 2; console.log('if문 안의 a 값은' + a); ----------출력 : if문 안의 a 값은 2 } console.log('if문 밖의 a 값은' + a); ----------출력 : if문 밖의 a 값은 1 => {}중괄호를 하나의 블록 범위로 본다. 다른 블록 안에서 같은 상수(const) 또는 변수(let)를 사용할 수 있다. if else const a = 10; if ( a > 15 ) { console.log('a가.. 2020. 7. 13. 자바스크립트 논리연산자 (! && ||) 논리연산자에는 not, and, or 이라는 세가지 종류가 있다. 계산 우선순위는 다음과 같다. NOT(!) -- AND(&&) -- OR(||) NOT은 true를 false로, false를 true로 변경해준다. const a = !true; console.log(a); --------- 결과값은 false const b = !false; console.log(b); --------- 결과값은 true AND는 양쪽의 값이 모두 true 일때만 결과값이 true const a = true && true; console.log(a); --------- 결과값은 true const b = false && true; console.log(b); --------- 결과값은 false const c = fal.. 2020. 7. 11. javascript 사칙연산자 let a = 1; console.log(a++); ----------- 1이 더해지기 전. a는 1. 결과값은 1 console.log(a); ------------- 위의 1이 더해진 상태. 결과값은 2 console.log(++a); ------------- 1이 더해진 후. 결과값은 3 let a =1; console.log(a--); ------------ 1을 빼기 전. 결과값은 1 console.log(a); -------------- 위의 1이 빼진 상태. 결과값은 0 console.log(--a); -------------- 1을 뺀 후. 결과값은 -1 let a = 1; a += 1; ------------- a+1과 같은 의미 console.log(a); -------------- 결.. 2020. 7. 11. 화살표 함수 변경 전> function A (num) { return function ( value ) { return num + value; }; } 변경과정> function 생략하고 익명함수로 변경 중괄호 생략 return 생략 화살표 함수로 변경 후> var A = num => value => num + value; class A { value = 10; constructor() { var add1 = function (first, second) { return this.value + first + second; }.bind(this); var add2 = (first, second) => this.value + first + second; } } 2020. 7. 11. 이전 1 2 3 다음 반응형