JavaScript JS学習#1資料型、演算子、条件文、関数宣言

以前jQueryでjavascriptを習ったことがありますが、長い間、jQueryではなくバニラjsでEs 6文法を勉強したいと思っていたので、fastキャンパスのvelopert先生の授業を聞きました.

let const

let value = 1; //변수 값을 선언 
const abc = 1; //상수 값을 선언 

変数-値可変let
定数-値固定const
同じ名前に設定できません.
varは現在使用されていません(letの実装範囲とは異なる同じ名前で複数回宣言できます)

演算子-算術、論理、比較

算術演算子

四則演算+-/*
++--加算または減算

let a = 1;
console.log(a++); // 1
console.log(a); // 2 - 이후에 더해짐
console.log(++a); // 3 - 더해져서 값이 나옴

a += 3; //a에 3씩 더하기
a -= 3; //a에 3씩 빼기
a *= 3; //a에 3씩 곱하기
a /= 3; //a에 3씩 나누기

論理演算子

NOT !
AND &&
OR ||
論理演算子が一緒にいるときは上の順序で演算します!

比較演算子

== === != !==
< >>= <=

const b = 1;
const c = 1;
const equals = a == b; //타입검사안함
const equalsT = a === b; //타입까지 똑같아야함  - 웬만하면 이퀄세개쓰기
const notequals = a != b; //타입은 확인 안함 
const notequalsT = a !== b; //타입까지 달라아야함  - 웬만하면 이렇게 쓰기

const d = '안녕'
const e = '하세요'
console.log(d + e) //결과 - 안녕하세요 문자열도 더하기가능

条件文-if、else、else if/switch

if, else, else if

a = 1;
if (a + 1 === 2){
    console.log('a + 1이 2입니다.'); //if 절이 맞아야 실행된다

    const a = 2; //블럭 안에서는 밖에 있는 변수랑 같은 이름써도 구분된다 !
    // var a = 2; - 하지만 둘다 var로 설정할 경우 두개의 값이 같게 나옴
    console.log('if문 안의 a값은' + a); //2
}
console.log('if문 밖의 a값은'+ a) //1

a =10;
if ( a === 5){
    console.log('5입니다.');
} else if ( a === 10){
    console.log('10입니다.');
} else {
    console.log('5도 10도 아닙니다.');
}

switch

const device = 'iphone';

switch(device){
    case 'iphone':
        console.log('아이폰!'); //이게 출력됨
        break; //작성해야 스위치문 탈출
    case 'ipad':
        console.log('아이패드!');
        break;
    case 'galaxy note':
        console.log('갤럭시 노트!');
        break;
    default: //위에 아무경우도 아닐떄
        console.log('모르겠네요..');
}

n.関数

function add (a,b){ //파라미터 인수
    return a+b;
}

// 함수선언의 다른 방식 화살표 함수 (s6, ES2015 문법)
const add = (a,b) => {
    return a+b;
}

const add = (a,b) => a+b; //반환값을 바로 작성하는 방법


const sum = add(1,2);
console.log(sum);

関数宣言メソッド
矢印関数-(s 6,ES 2015構文)
const add = (a,b) => {return a+b;}

function hello(name){
    console.log( 'Hello,' + name + '!');
    console.log(`Hello ${name}!`); // s6, ES2015 문법 -   ` ` 백틱안에서 ${안에} 변수 넣기
}

const result = hello('ony540');
console.log(result);

function getGrade (score){
    if ( score === 100){
        return 'A+'
    } else if ( score >= 90){
        return 'A'
    } else if ( score === 89){
        return 'B+'
    } else if ( score >= 80){
        return 'B'
    } else if ( score === 79){
        return 'C+'
    } else if ( score >= 70){
        return 'C'
    } else if ( score === 69){
        return 'D+'
    } else if ( score >= 60){
        return 'D'
    } else {
        return 'F'
    }

}
const grade = getGrade(100);
console.log(grade);

Es 6,ES 2015構文- backticで変数を${に挿入
console.log( Hello ${name}! );