Javascript : 기본적인 function

alert

alert(6//2);
alert("Hello World");

var a = "input word";
alert(a);

팝업창을 띄워줌. alert 안에서 연산도 가능하고, 변수 입력도 가능하다.

 

console.log

console.log(a);
console.log("Hello World");

python의 print와 동일하다고 보면 된다.

 

== vs ===

alert(1=="1"); // true
alert(1==="1"); // false

javascript에서는 ==는 정보가 같은지 (정보의 의미가 같은지!)를 물어보는 것이고, ===은 정보와 data type이 동일한지도 물어본다. (왜 나눈지는 이해가 가지않지만, 일단 알아둬야 할 부분)

alert(undefined == null); // true
alert(undefined === null); // false

alert(true == 1); // true
alert(true === 1); // false

alert(0 === -0); // true
alert(NaN === NaN); // false

여기서 undefined와 null 값은 의미론적으로는 값이 빈상태이지만, undefined는 programmer가 의도하지 않은 상태이고, null 은 programmer가 의도한 상황이기 때문에 === 연산자를 사용하면 서로 다른 의도이기 때문에 false라고 나오는 상황이다.

 

true와 1도 의미론적으로는 같지만 (python에서 많이 쓰이는 문법), 의도적으로 보면 true와 1은 엄연히 다른 것이다.

 

내 의견은 == 은 안 쓸 것 같다. 나중에 debugging 할 때 분명 error를 내기 때문에 나라면 ===을 쓸 것 같다.

 

!= vs !==

위와 동일한 의미와 의도가 담겨있다. 단지 다르냐 이거를 물어볼 뿐, 이 부분은 생략~

 

undefined vs null

var = a ;

// undefined

undefined는 변수에 아무것도 지정이 되어있지 않을 때 program은 undefined라고 나타낸다. 이는 programmer가 의도하지 않은 상황이며, 이는 후에 programmer가 debugging 할 때 편리하게 쓰도록 구축해놓은 상황이다.

var a = null;

null은 값이 아무것도 없는 빈 상태를 의미하며, 이는 programmer가 임의로 null값으로 지정해줄 수 있다.

 

if, else if , else

if(true) {
	alert('result' : 'true');
    }
    else if (true){
        alert(2);
    }
    else {
        alert(4);
    }

 

prompt

var a = prompt("당신의 나이는 ?")
alert(a);

prompt 창이 python에서 input과 동일한 function이라고 생각하면 된다.

그렇다면 페이지 안에서 나이를 입력하면, alert에 의해 변수 a인 입력한 나이가 팝업창으로 나온다.

만약 prompt에 취소를 누르면 아무런 일도 발생하지 않는다.

 

&& , ||

if (true && true){
	alert(1);
}
else if (false || true){
	alert(2);
}

0, 1, ''

0, ''(빈 문자열), null, a(undefined), NaN 은 모두 false라고 한다. 1은 true이다. 여기에 !0, !a, !NaN, !null을 하면 true가 된다.

 

document.write

<script type="text/javascript">
    document.write("<li>coding everybody </li>");
</script>

document.write는 말 그대로 html tag에 쓴다는 의미이다.

위의 code는 li태그로 write 내용을 감싸서 document에 담겠다는 의미이다.

 

익명함수

<script type="text/javascript">
        document.write("coding everybody <br />");
        // 익명함수
        (function (){
            var i=0;
            while(i < 10){
                document.write(i);
                i += 1;
            }
        })();
    </script>

함수를 void로 정의하고 바로 호출하는 방식을 익명함수라고 한다.

 

for문

var members = ['hj', 'hk', 'sj']
        for (var i = 0; i < 3; i++) {
            document.write(members[i].toUpperCase() + "<br />");
        }

C++에서 쓰던 for 문과 똑같다.

 

배열

li.length;
li.push('A'); // 꼬리에 넣기
li.unshift('z'); // 머리에 넣기
li.concat(['a','c']); // list 합치기

배열은 나중에 쓸 때, 더 찾아보자,... 지금은 당장 쓸 필요 ㄴㄴ