21년의 마지막날 공부

<코딩앙마님 자스 기초강좌>

자바스크립트 기초 강좌 : 100분 완성 - YouTube

do.. while
let i = 0;

do {
//코드
i++;
} while (i<10)

.break, continue
break : 멈추고 빠져나옴
continue : 멈추고 다음 반복으로 진행

보통
명확한 횟수 for
아니면 while / do while은 거의 안씀

switch(평가) {
case A:
// A일때 코드
case B:
//B 일때 코드
...
}
// if 문에서는 else, switch 문에서는 default
if(평가 == A){
//A일때 코드
} else if(평가 == B){
//B일때 코드
}
거의 비슷

함수 function
console, alert,confirm
함수    함수명  매개변수
function sayHello(name){
console.log('Hello, ${name}');
}
sayHello('Mike');

//함수작성
//매개변수가 있는 함수

let msg = 'Hello'; //전역 변수 (global variable)
console.log('함수 호출 전')
console.log(msg)

function sayHello(name){
    if(name){
    	msg += ', ${name}';
        }
    console.log('함수 내부')
    //지역 변수 (local variable)
    console.log(msg);
}

sayHello();
sayHello('Mike');

//전역 변수와 지역 변수
let name = "Mike";

function sayHello(name){
	console.log(name)
}

sayHello();   //undefined
sayHello('Jane');   //"Jane"
//매개변수로 받은 값은 복사된 후 함수의 지역변수의 값이 됨

//default value _name이 없을때 friend 반환
function sayHello(name = 'friend'){
	let msg = 'Hello, ${name}'
    console.log(msg)
}

sayHello();
sayHello('Jane');

return 으로 값 반환

 

함수 .한번에 한 작업 집중, 읽기 쉽고 어떤 동작인지 알 수 있게

함수 선언문, 순서도 바뀌어도 괜찮다 ,호이스팅  // 흥미롭군

함수 표현식, 코드에 도달하면 생성

 

arrow function 생략 엄청나다

 

.객체 object

const superman = {
	name:'clark',
      //키     값 
    age: 33,
    }

접근 . []

추가 . []

삭제 delete

in 의 사용

for ... in 반복문

method: 객체 프로퍼티로 할당된 함수

 

※ 화살표 함수는 자신만의 this 가지지 않음

화살표 함수 내부에서 this를 사용하면 그 this는 외부에서 값을 가져옴

객체메서드는 화살표함수로 작성하지 않는게 좋다

this 중요

 

배열 array index 0부터 시작

배열의 특징 문자 숫자 객체 함수

length 배열의 길이

.배열의 매서드

push() : 배열 끝에 추가

pop() : 배열 끝 요소 제거

shift, unshift 배열 앞에 제거/추가 여러요소 가능

반복문: for , for ... of 

 

 

타입스크립트 첫강