[자바스크립트] 자바를 배우고 자바스크립트 맛보기

자바를 배우고 자바스크립트 맛보기

변수의 선언

boolean b = true; int inum = 1; float fnum = 1.5; char ch = 'a';

>

var b = true; var inum = 1; var fnum = 1.5; var ch = 'a';

var 의 위험성 : 재선언이 가능

(ECMAScript 6 부터 let / const 추가)

var name = '김동주'; { var name = '홍길동'; alert(name); } alert(name);

>

let name = '김동주'; { let name = '홍길동'; alert(name); } alert(name);

[var 실행 / let 실행]

조건문

기본적으로 동일

if(조건1) {
    ... // 조건1 == true
}else if(조건2) {
    ... // 조건1 == false && 조건2 == true
}else {
    ... // 조건1 == false && 조건2 == fale
}

짧은 조건문 (객체 초기화를 짧은 조건문으로 주로 사용)

true || alert('A');
true && alert('B');
false || alert('C');
false && alert('D');

[실행 해보기]

반복문

기본적으로 동일

var stars='';
 
for(var i=1;i<6;i++) {
    for(var j=1;j<11;j++) {
        if(j<5)
            stars += (j < 5-i) ? ' ' : '*';
        else
            stars += (j < 4+i) ? '*' : ' ';
    }
    stars += '\n';
}

[실행 해보기]

for in / for of

(ECMAScript 6 부터 가능)

int[] arr = {'A', 'B', 'C'}; for(char ch : arr) { System.out.println(ch); }

>

var arr = ['A', 'B', 'C', 100]; var msg = ''; for(var i in arr) { msg += i+', '+arr[i]+'\n'; } msg += '\n'; for(var element of arr) { msg += element+'\n'; } alert(msg);  [실행 해보기]

가변 인자 함수 : 인자의 갯수가 변할 수 있는 함수

function calc() { var sum = 0; for(var i in arguments){ sum += arguments[i]; } alert(sum); }

[직접 호출해보기]    calc();

내부 함수 : 함수 재선언의 위험요소 방지

//사각형의 넓이를 구하는 함수 function getSquere(width, height) { return width * height; } alert(getSquere(2,3)); //사각형의 둘레를 구하는 함수 function getSquere(width, height) { return (width + height) * 2; } alert(getSquere(2,3));

//사각형의 넓이를 구하는 함수 function getSquere(width, height) { return width * height; } alert(getSquere(2,3)); function myFunc() { //사각형의 둘레를 구하는 함수 function getSquere(width, height) { return (width + height) * 2; } return getSquere(2,3); } alert(myFunc());