JavaScript (1) - 기본문법

1. with HTML

 

1.1 confirm() 함수 : 확인, 취소 누르면 해당 값이 boolean으로 return된다. 

<script>
		var result = confirm('가입하시겠습니까?');
        if(result){
            console.log('가입');
        }else{
            console.log('취소');
        }
    </script>

1.2 prompt 창에서 입력받기 

<script>
        var name = prompt("이름을 입력하세요","김길동");
        alert(name);
    </script>

1.3 브라우저 화면에 출력하기 

<script>
document.write("<h1>안녕하셔유</h1>");
</script>

 

* 자바스크립트에서 html 태그는 객체화  - > 태그는 속성,메서드(이벤트) 있다! 

* 자바 스크립트 오류는 개발자 도구에서 확인 가능 (콘솔에 오류 뜬다!) 

 

 

2. 자바스크립트 기본 문법 

 

2.1 변수 (스네이크 케이스+카멜케이스)

 

 동적 자료형 : var, const, let

 숫자형: number

 문자열: '' 혹은 ""로 묶으면 문자열 처리 

 배열: []안에 값을 넣으면 됨 -> 이때 배열은 object처리 

 객체: {키:값, 키:값 }형태 

 

script>
    var name ='길홍똥';
    console.log(name);
    console.log(typeof(name));
    var no =1;
    console.log(typeof(no));
    var number;
    console.log(typeof(number));

    //배열
    var arr =['홍길동',1,3.14];
    console.log(typeof(arr)); //object (속성명 0: 속성값1)
    console.log(arr);

    //객체
    var obj = {name:'홍길동',age:30};
    console.log(typeof(obj));
    console.log(obj);

    //함수 (고차함수 - 콜백 지원)
    function 함수명 (){
        //리턴 타입이 없음!! 
        //동적으로 결정 
    }
    function sum(x,y){
        return x+y;
    }
    console.log(typeof(함수명));

    console.log(typeof(sum));
    var s= sum;
    console.log(s(10,20));

    /*전역변수와 지역변수
        - 전체에서 사용가능
        - 함수 내에서 사용가능 
    */
    var def = 10;
    function test(){
        var abc = 1; //지역변수
        console.log("함수에서 실행"+def);
        def = 20;
    }
    test();
   // console.log(abc);
    console.log(def);
    // 매개변수 - 지역변수 -인자(argument)
    console.log(sum("안녕","하셔유"));
</script>

 - 연산자 if문 차이점

<script>
    var a = '1';
    var b = 1;
    console.log(a == b);
    //비교가능 .......자동형변환 타입이 달라도 값만 같으면 됨 (문자열과 숫자비교)
    console.log(a === b);
    //값과 자료형이 모두 같아야 true임! 
    console.log(a !== b);

    //if문 평가식 -> 0만 false 나머지는 true (값이 있으면 true, 없으면 false)
    var s =" ";
    if(s){
        console.log(true);
    }
</script>