한 걸음 두 걸음
javaScript 기본 문법 본문
문법 기초
대소문자 구분해주기
마지막에 세미콜론; 붙이기
한 줄에 한 문장씩만 작성하여 가독성을 높인다.
- 위처럼 "를 표시해주고 싶다면 역슬래시 \를 활용한다.
변수(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 |
---|