부스트코스 DB연결 웹앱 #1 자바스크립트 FE
1. 배운것들
- 변수선언
- 연산자
- Type 종류
- Type 확인 방법
자바스크립트에서 변수선언은 var let const가 있다. let과 const는 es6들어서 추가로 생긴 것이고 어떤 변수를 쓰느냐에 따라 변수의 scope 즉 유효범위가 달라진다.
연산자의 경우 +-=%/ 등이 있고 값이 같다는 연산자 == 는 타입을 비교해주지 않아서 보통 자바스크립트에서는 ==대신 ===를 쓴다.
&&은 둘다 참일 때 트루이고 ||는 하나만 참이라도 트루값이다.
const name = "crong";
const result = name || "codesquad"; 에서 name에 값이 있으니 crong이 되고 없으면 codesquad가 된다.
삼항연산자의 경우
int a = 11;
if(a > 10 ) ? "up" : "down" 에서 a가 참이면 up 거짓이면 down이 실행된다.
타입의 종류는 string int function등이 있고 확인법은 일반타입은 type of 변수 를 하면되고
보통은 toString.call(변수)를 한다.
2. 배운것들
- If
- switch
- for
- while
- String replace메서드
if 와 switch는 넘어가고 for문부터 하자면
var a = ["1", "2", "3"];
for(int i = 0; i < a.length; i++) 보통 이런식으로 많이하는데 이렇게 하지 말고
for(int i = 0, len = a.length; i < len; i++) or
len = a.length;
for(int i = 0; i < len; i++) 이런식으로 해야 매번 배열을 탐색하지 않는다.
a = "12 : 34"
a.split(":")를 하면 a에는 ["12""34"]가 된다
a.replace(":", "%")로 하면 :가 %로 변한다.
3.배운 것들
- Function
- Hoisting
- arguments
- 기본 반환값 (undefined)
함수는 function a ()로 선언한다.
단 자바스크립트는 함수를 변수처럼 만들 수 있다.
기본적으로 함수에 값을 안넣거나 아직 안만들었을 경우 undefined라고 출력된다.
var a = function()
function a() {
b()
console.log("3434")
var b = function(){}
}
의 경우 b라는 함수를 먼저 불럿지만 출력해보면 undefined가 뜬다. 저 문제를 해결하려면
다른 함수표현식을 사용해야한다.
var b = function(){} 가 아닌 function b() {}를 사용하면 함수가 밑에 있어도 실행이 된다.
자바스크립트는 함수를 실행하기 전에 한번 쓱 훑는데 밑에 함수가 있으면 함수는 통채로 위로 가져온다. 이것을 hoistion이라고 한다.
또한 자바스크립트에서는 void 함수가 없다.
arguments는 함수가 선언될 때 넘어가는 인자값이다..??
function a()
a(1,2,3)을 하면 arguments는 3이다 argument[0],1,2에 값이 들어있다.
arguments.length를 하면 3이 출력되고 이것을 활용해서 지정한 인자값을 초과해서 값이 들어온 것들도 활용이 가능하다.
콜스택
함수를 실행시키고 종료하기전에 다른 함수가 실행되서 그 함수가 스택에 쌓인것을 말한다.
function foo(b){
var a = 5;
var result = bar(b * a)
console.log(result);
}
function bar(c){
var a = 10;
return c * a;
}
foo(10);
을 보면 foo가 실행되고 종료되기 전에 bar가 호출돼서 bar값이 return이 되면 foo가 마무리되는 것을 볼 수 있다.