한 걸음 두 걸음

javaScript 기본 문법 본문

Language/Java Script

javaScript 기본 문법

언제나 변함없이 2019. 2. 11. 19:16
반응형

문법 기초

  1. 대소문자 구분해주기

  2. 마지막에 세미콜론; 붙이기

  3. 한 줄에 한 문장씩만 작성하여 가독성을 높인다.

  1. 위처럼 "를 표시해주고 싶다면 역슬래시 \를 활용한다.

변수(var)

연산자

산술연산자(+-/*) 문자연산자(+) 복합대입연산자(+= -= 등등)
비교연산자 (=== !== , == <= >= , > <) 단항연산자 (++ --)

=== : 데이터형까지 똑같은가?
!== 데이터타입까지 다른가?

( 10 == "10" : true(자동 형변환하여 비교함) / 10 === "10" : false )

연산자 더 사용해보기~

결과는

위와같고 또,

문자열을 더해줘버리는 경우 다 같이 문자로 처리되어

이처럼 된다.

제어문

if else / switch / for while 등.

객체

window.document.write();에서 window가 document의 상위객체임!
객체는 내장객체 / 브라우저객체(BOM) / 문서객체(DOM)/ 사용자 정의 객체 등이 있음~

  • 내장객체
    var car = new Object(); 이런식으로 사용함.
    car.getInfo = function(){ //아래에 지정한 함수를 등록하여 사용함!
    document("색상 : ", this.color, "
    "); //this는 car 객체를 가리킴.
    document("가격 : ". this.price, "
    ");
    }

내장되어있는 객체 종류 : Date / Math / String 문자객체 / 배열객체

var today = new Date();
//사용하는 방법
today.getFullYear / today.getMonth / today.getDate / today.getDay(); 
// 를 var name으로 받아 사용하면 됨 

var str = "hello world~"
str.charAt(1); indextOf("h"); 
  • 브라우저객체 : document, screen 등~

  • 리터럴방식으로 객체 생성하기

var car = {
"color" : "white"
"price" : "1000만원"
"getInfo" : function(){내용}
};


prompt 사용해보기

숫자입력하는 팝업창을 생성하고 입력받은 값 반환하는 함수입니다.


        var num = prompt("숫자 입력 ","0"); 

여기서 "0"은 inputText의 hint와 같은 역할을 하는 것으로 초기에 0 값으로 들어가있습니다.

함수

3가지 방식이 있다. 두 번째 방식의 경우 참조변수만 있고 함수명이 따로 없어 익명함수라고한다.

실습!

결과!

매개변수 자료형을 따로 지정해주지않아도 알아서 들어가고, 사용할 수 있네!

반응형

'Language > Java Script' 카테고리의 다른 글

jQuery 기본  (0) 2019.02.11