javascript기초
TRANSCRIPT
JAVASCRIPT
1강 . 기본문법
1.기본용어
2.주석
3.alert, 문자열, 숫자, 불
4.변수
5.복합대입연산자및증감연산자
6.자료형검사
7.입력
8.함수
1.기본용어
※표현식 : 자바스크립트에서값을만들어내는간단한코드
하나이상의표현식이모여문장을이룸
※키워드 : 특별한의미가있는단어프로그램작성시키워드사용
하지않는것을권고
※식별자구분 단독으로사용 다른식별자와사용
식별자뒤에괄호X
변수 속성
식별자뒤에괄호O
함수 메서드ex) alert(“hello”) -> 함수Array.length -> 속성input -> 변수Math.abs(1) -> 메서드
2. 주석
2-1 html 주석<html>
<head>
<! -- 주석 -->
<script>
</script>
</head>
2-2 javascript 주석<script>
• // 주석문 or /* 주석문 */
</script>
3. alert, 문자열, 숫자, 불
3-1 alert([String message])
alert() 함수를사용하면웹브라우저에경고창을띄울수있음
3-2
문자열 alert(“This is String”);
숫자 alert(5+1) , alert((3+2)*3)
불 alert(1>2) -> false반환alert(2>1) -> true 반환
3-3 비교연산자( >= , <=, >, <, ==, != )
3-4 논리연산자( !, &&, || )
3-5 논리곱연산자
3-6 논리합연산자
좌변 우변 결과
True Ture Ture
True False False
False False False
False False False
좌변 우변 결과
True Ture Ture
True False True
False True True
False False False
4. 변수- 값을저장할때사용하는식별자- 숫자및모든자료형저장가능
＊ var 식별자;
<script>
var pi = 3.14;
alert(pi);
</script>
6가지자료형<script>
var stringVar = ‘String’;
var numberVar = 111;
var booleanVar = true;
var functionVar = function() {};
var objectVar = {};
</script>
5. 복합대입연산자및증감연산자5-1 복합대입연산자( +=, -+, *=, /=, %= )
var a = 10;
a +=10;
alert(a);
출력값 : 20
5-2 증감연산자(변수++, ++변수, 변수--, --변수)
var a= 10;
alert(a++); 출력값 : 10
alert(++a); 출력값 : 12
alert(a--) 출력값 : 12
alert(--a); 출력값 : 10
6. 자료형검사 ( typeof )
alert(typeof(‘string’));
alert(typeof(‘244’);
alert(typeof (true));
alert(tpyeof (function() {}));
alert(tpyeof ({})); // ?
alert(typeof (alpha));
6-1 undefined자료형<script>
var variable;
alert(typeof (variable));
</script>
7. 입력
Prompt([String message], [String defaultValue]) :
문자열을입력할때(숫자는문자열을입력받은후에숫자료변경해야함)
<script>
var input = prompt(‘Message’, ‘abc’);
alert(input);
confirm() : 불을입력받을때<script>
var input = confirm(“수락하시겠습니까?”);
alert(input);
</script>
확인 -> true리턴, 취소 -> false리턴
7-1 자료형변환
숫자자료형변환<script>
var input = prompt(‘숫자입력’, ‘숫자’);
var numberInput = Number(input);
alert(typeof (numberInput))+ ‘ : ‘ +
numberInput);
불자료형변환alert(Boolean(0));
alert(Boolean(NaN));
alert(Boolean(‘’));;
alert(Boolean(null));
alert(Boolean(undefined));
모두 false로변환 (나머지는모두 true로변환)
8. 일치연산자비교연산자사용시문제발생<script>
alert(‘’ == false);
alert(0 == false);
alert(‘273’ == 273);
</script>
모두 true를출력.
자동으로자료형변환.
＊이러한유연성때문에원하는결과값받지못하는경우발생
확실한구분을짓기위한연산자(===, !==)
<script>
alert(‘’ === false);
alert(0 === false);
</script>
break else instanceof true
case false new try
catch finally null typeof
continue for return var
default function switch void
delete if this while
do in throw with
abstract double implements private
throws boolean enum import
protected transient byte export
int public volatile char
extends interface short class
final long static const
float native super debugger
goto package synchronized
* 키워드
함수-선언적함수function 함수(){
};
-가변인자함수<script>
function sumALL(){
alert(typeof (argument) +' : ' + arguments.le
ngth);
}
sumALL(1,2,3,4,5,6,7,8,9);
</script>
- 내부함수function 외부함수(){
function 내부함수1(){
}
function 내부함수2(){
}
}
/* A가만든 square함수 */
function square(x){
return x+x;
}
function a(w,h){
return Math.sqrt(square(w)+square(h));
}
alert(a);
/* B가만든 square함수 */
function square(w,h,hy){
if()
else()
~~~~~~~~~~
}
</script>
<script>
function a(w,h){
function square(x){
return x+x;
}
return Math.sqrt(square(w)+square(h));
}
</script>
- 콜백함수함수를매개변수로넘겨줌.
<script>
function callTenTimes(callback){ // 함수를매개변수로받아 callback함수를 10번실행하게됩니다.
for(var i =0; i<10; i++)
{
callback();
}
}
var callback() = function(){
alert('함수호출');
}
callTenTimes(callback); // callTenTimes로함수를매개변수로삼아전달하고있습니다.
</script>