JS 02

동찌·2022년 11월 14일
0

함수

function 함수이름 (매개변수){
	실행하고자 하는 코드
}

주문형 코드(code on demand)

즉시 실행되지 않는 코드로 클라이언트와 상호작용하여 사용이 가능하다.

호이스팅

자바스크립트는 코드를 실행하기전에 자동으로 선언된 함수를 먼저 등록해 놓는 특징이 있음
따라서 함수는 코드의 위치와 상관없이 실행이 가능

local scope

함수 내부에서 선언된 변수

variable shadowing

함수 외부에서 선언된 변수와 함수 내부에서 선언된 변수의 이름이 동일할 때를 말함

함수 내에 변수는 자체 범위를 갖기 때문에(local scope) 전역변수에 영향을 주지 않음(덮어쓰거나 제거하지 않음)
함수 내에서 변수를 참조할 때 항상 로컬 섀도우 변수를 참조하지만 존재하지 않는 다면 전역변수를 참조함


return

함수 실행을 종료할 수 있음

event

이벤트에 의해 함수가 실행되도록 하기 위해 ('click', functionName())가 아닌 ('click', functionName)으로 제공


js에서는 HTML입력값을 가져올 때에 그 값은 항상 문자열이 된다.

parseInt()
수학적 계산을 하려고 입력을 받을 때 사용해줘서 문자열을 정수로 바꿔줌
parseFloat()
부동수가 필요하면 사용

+'문자열' 도 숫자로 바꿔진다.
-> + 연산자는 유일하게 문자열 접합을 제공하기 때문에 1 + '1' 이 11이 나옴 항상 용도를 잘 확인할 것

템플릿 리터럴을 사용하면 무조건 문자열이 됨

toString()
숫자를 문자열로 바꿔줌 잘 쓰이지 않는 함수임


코드 리팩토링.. 중요... 메모....
후에 유지보수를 생각하고 가독성을 높이며 실수를 줄이는 방법..?


주석

너무 명확한 주석은 피하고 빠른 이해를 위한 추가 정보를 제공 정도
다른사람과 공유할 때 적절히 사용
코드에 대한 나의 생각을 짧게 공유
너무 길지않게, 중복되지 않게


축약 연산자

i += j
=> i = i + j

i++
=> i = i + 1 //변경 전의 값을 반환

++i
=> i = i + 1 //변경 후의 값을 반환

데이터 타입

정수
소수점이 없는 숫자

부동수
소수점이 있는 숫자

booleans
참, 거짓

객체(objects)
데이터를 그룹화 {key: value}

배열(array)
데이터의 목록을 저장해야 하는 경우 사용

특별 타입

undefined
변수를 생성한 후에 데이터를 할당 하지 않은 기본값
( = undefined을 할당하면 안됨 할거면 null을 할당)

null
기본값이 될 수 없음, 재설정 할 데이터에 넣어놓음
두 타입은 빈 데이터를 관리할 때 용이함

NaN
not a number 데이터 타입이 아니라 숫자 유형임
일종의 오류 코드임

typeof
데이터 타입을 알 수 있음


올바른 스크립트 import

head 태그 안에 알맞은 속성을 써서 import하기

defer
스크립트가 먼저 다운로드 되고 html구문 분석이 완료된 후에만 스크립트를 실행하도록 함
빨리 로드 되고, html 구문 분석이 끝난 후에 실행되도록 함

async
스크립트가 다운로드 되고 실행도 바로 할 때
html 구문 분석이 완료되지 않았을 때도 실행될 수 있음
순서 상관 없이 바로 실행될 수가 있음
ex) 웹 페이지와 상호작용없이 백그라운드 서버에 일부 데이터만 전송할 때
html 콘텐츠에 의존하지 않는 독립 실행형 스크립트

외부 script를 import 할 때만 사용 가능
hmtl 내부에 있는 script에는 해당 없음

1개의 댓글

comment-user-thumbnail
2022년 11월 15일

정리하신 부분 잘 익히셨나요~? ㅎㅎ
고생많으셨습니다!

답글 달기