![\"JavaScript](\"/assets/javascript-img.png\" "\\"JavaScript")
변수, 리터럴(상수), 함수 등의 이름이다.\n이러한 식별자를 만들때는 규칙이 있는데 다음과 같다.
\n자바스크립트에는 적연 변수와 지역 변수가 있고 연산자는 산술, 증감, 비트, 시프트, 대입, 비교, 논리, 조건 등이 있다. 마지막으로 조건문는 if - else, switch 등이 있다.
\nvar coffee = \"coffee\" // var를 이용하여 선언, 문자열 (String)\nvar americano, espresso // 여러가지를 동시 선언, 정의되지않음 (Undefined)\ncart = 10 // var 없이 선언, 수 (Number)\n\nconsole.log(coffee) // coffee\nconsole.log(cart) // undefined\nconsole.log(americano) // 10coffee = “americano” ; // 데이터타입이 따로 없으므로 문자열 (String)도 저장가능.
\nvar를 이용하여 선언해도 되고, 여러개의 변수를 동시에 선언해도 된다. 단 값을 초기화해주지 않으면 undefined라는 값으로 초기화된다.
\nvar cart // 함수 밖에 선언하면 전역변수.\nfunction coffee() {\n var americano = 0 // 함수 내부 에서 var 키워드를 사용하여 선언하면 지역변수.\n espresso = 1 // 한수 내부 에서 var 키워드를 사용하지 않았으므로 전역변수.\n cart = 3 + 1 //전역변수.\n console.log(americano) // 0\n}\n\nconsole.log(cart) // 4\nconsole.log(espresso) // 1\nconsole.log(americano) // undefined함수 내에서 var 키워드를 사용하여 선언할때만 지역변수
\nvar coffee = 100 // 전역변수 score\n\nfunction coffee_sum() {\n var coffee = 90 //지역변수 score\n console.log(coffee) // 90\n coffee = 80 // 그냥 score를 사용하면 지역변수\n console.log(coffee) // 80\n this.coffee = 70 // this를 붙여주면 전역변수 score\n console.log(this.coffee) // 70\n}\n\ncoffee_sum()\nconsole.log(coffee) // 70\nconsole.log(coffee) // undefinedcoffee라는 같은 이름의 전역변수, 지역변수가 있을때는 this라는 키워드로 구분하여 사용 가능하다.\n함수 내에서 this.coffee 를 사용하면 전역변수 coffee를, this 없이 coffee라고 하면 지역변수를 나타낸다.
\n자바스크립트의 print문 같은 느낌입니다. 입력한 내용이 html문서에 출력됩니다.
\ndocument.write(\"coffee\" + \"americano\" + \"</ br>\" + \"espresso\") // coffeeamericanoespresso여러개를 출력할때는 콤마(,)가 아닌+ 연산자를 사용한다.
\n줄바꿈은 html태그
을 삽입하여 하면 된다.
자바스크립트 연산자는 산술, 증감, 비트, 시프트, 대입, 비교, 논리, 조건 등이 있다.
\n| 연산 | \n연산자 | \n
|---|---|
| 산술 | \n+ - _ / % | \n
| 증감 | \n++ — | \n
| 비트 | \n& | \n
| 시프트 | \n>> << >>> | \n
| 대입 | \n= _= /= += -= | \n
| 비교 | \n> >= <= == != | \n
| 논리 | \n&& | \n
| 조건 | \n? : | \n
* 나누기의 결과는 실수값으로 반환된다.\n* 증감연사는 변수의 앞에 붙을때와 뒤에 붙을때가 다르다. ex) x++ , ++x\n* 조건연산은 다음과 같은 구조를 가진다. ex) 조건문 ? (True일때의 반환값) : (False일때의 반환값)var americano = 8\ncoffee = americano == 8 ? true : false // 조건문 ? (True일때의 반환값) : (False일때의 반환값)\n\nconsole.log(coffee) // truevar americano = 10\nvar espresso = 11\n\nconsole.log(americano < espresso) // true\n\nespresso = 9\n\nconsole.log(americano < espresso) // false자바스크립트 조건문는 if - else, switch 등이 있다.
\nif (조건식) {\n 실행문\n} else if (조건식) {\n 실행문\n} else {\n 실행문\n}switch (식) {\n case 값: // 값에는 변수, 또는 연산자가 들어갈 수 없다. 리터럴(상수)만 가능\n 실행문\n break\n case 값2:\n 실행문\n break\n default:\n 실행문\n}default는 else와 같이 case에 일치하는 항목이 없을때 실행된다. (default는 생략 가능하다)
\n자바스크립트 조건문는 for, while, do - while 등이 있다. 조건식이 참인 동안 반복하여 실행된다.
\nfor (초기화문; 조건식; 증감식) {\n 작업문\n}점점 커지는 ’⭐‘출력하기
\n<!DOCTYPE html>\n<body>\n<script>\n for (var size = 10; size < 30;size +=5){\n document.write(\"<div style='font-size:\"+size+\"px'>\"+\"⭐\"+\"</div>\")\n }\n\n // <div style='font-size:10px'>⭐</div>\n // <div style='font-size:15px'>⭐</div>\n // <div style='font-size:20px'>⭐</div>\n // <div style='font-size:25px'>⭐</div>\n // <div style='font-size:30px'>⭐</div>\n</script>\n</body>\n</html>조건식이 참인 동안 반복하여 while 문을 실행합니다.
\nwhile (조건식) {\n 작업문\n}while 예제 : 0부터 사용자가 입력한 n까지의 합 구하기.
\n<!DOCTYPE html>\n<body>\n<script>\n var n = prompt(\"0부터 n까지의 합을 구합니다. n을 입력해주세요\",\"\")\n n = parseInt(n);\n var i =0, sum=0;\n while(i<n){\n ++i\n sum += i\n }\n document.write(\"n까지의 합은 : \",sum)\n</script>\n</body>\n</html>while은 조건이 성립하지 않으면 작업문이 실행되지 않는다. 그러나 do-while문은 최소 1번 작업문이 실행된다. while 과 다르게 실행후 조건을 체크 하기 때문.
\ndo {\n 작업문\n} while (조건식)데이터를 전달받아, 일정한 작업을 수행 후 결과를 되돌려준다. 되돌려주는 결과는 리턴이라고 하며, 리턴이 없는 함수도 있다.
\nfunction 함수이름(매개변수){\n 함수 식\n 리턴\n}\n\nex)\nfunction coffee(americano, espresso) {\n var sum = (americano * 2000) + (espresso * 2500)\n return sum;\n}\n\nvar sum = coffee(1, 2);\nconsole.log(sum) // 7000