js 기초 정리

//주석처리

 

🟡함수

함수 선언식:  function do_something() { ... }

함수 표현식: let do_something = function [함수 이름]() { ... } //함수 이름은 생략가능

화살표 함수: let do_something = () => { ... } //함수 표현식의 단축형

 

🟡변수

1. 변수는 문자와 숫자, $와_만 사용

2. 첫글자는 숫자가 될수 없음

3. 예악어는 사용할 수 없음

4. 가급적 상수는 대문자로 알려줄것 

const 절대로 바뀌지 않는 상수 수정x 

 *일단 const로 하고 변동 있을 만한 것들을 let으로하기 (보안성)

ex) const PI =3.14; 대문자로 선언하는게 좋음 

변할 수 있는 값은 let으로 선언

5. 변수명은 읽기 쉽고 이해할 수 있게 작성

var	const	let
한번 선언된 변수를 다시 선언할 수 있음 선언하기 전에 사용할 수 있음 1. 선언 및 초기화 단계 2. 할당 단계 function scope	1.선언 + 초기화 + 할당 *초기화 undefined를 할당 해주는 단계 Block scope Immutable	1. 선언 2.초기화 3.할당 Block scope Mutable

	재선언	재할당
var	O	O
let	X	O
const	X	X

*var hoisting: 어디에 선언했냐에 상관없이 항상 제일 위로 끌어 올려주는 것

* {중괄호}: 블록

 

 

🟡자료형

1.문자형

2.숫자형 

NaN 숫자가 아님

3.Boolean - true 참 , false 거짓

4. null과 undefined

5.객체형 object

6.심볼형

7.typeof 연산자 <다른사람이 만든거 볼때 사용>

 

🟡대화상자 - 단점: 스크립트 일시 정지 / 스타일링x 

1.alert 알려줌

2.prompt 입력 받음 (문자형)

3.confirm 확인 받음 - 취소버튼이랑 같이 있음

 

🟡자동 형변환 / 명시적 형변환

*앞에 대문자로 할것/ 가로안의것 바꿔줌

String() 문자형으로 변환

Number() 숫자형으로 변환  / 숫자가아닐시 NaN

Boolean() 불린형으로 변환

* Number(null) // 0  , Number(undefined) // NaN

* false로 보는 경우
-0, 0, Null, NaN, undefined, false, ''

*빈문자열 '' false 이지만 빈 배열, 빈 객체는 true

> Boolean("") false > Boolean([]) true > Boolean({}) true

 

🟡연산자

= 값을 할당

기본연산자 :  + 더하기, - 빼기 , *곱하기, / 나누기, %나머지, **거듭제곱

우선순위 */  >  +-

증가연산자 : ++ 두번   ++num; (앞에 써야됌) / num++; 뒤에 적을 시 증가시키기 전의 값

감소연산자: -- 두번

일치연산자 ===

더하기할당연산자 += 연산자의 오른쪽에서 값을 가져와 왼쪽의 변수에 추가

 

비교연산자 < 크다 , >작다, <=크거나 같다, >=작거나 같다, ==같다 , != 다르다(블린형)

==	왼쪽 피연산자와 오른쪽 피연산자의 값이 같으면 참을 반환함.
===	왼쪽 피연산자와 오른쪽 피연산자의 값이 같고, 같은 타입이면 참을 반환함.
!=	왼쪽 피연산자와 오른쪽 피연산자의 값이 같지 않으면 참을 반환함.
!==	왼쪽 피연산자와 오른쪽 피연산자의 값이 같지 않거나, 타입이 다르면 참을 반환함.
>	왼쪽 피연산자의 값이 오른쪽 피연산자의 값보다 크면 참을 반환함.
>=	왼쪽 피연산자의 값이 오른쪽 피연산자의 값보다 크거나 같으면 참을 반환함.
<	왼쪽 피연산자의 값이 오른쪽 피연산자의 값보다 작으면 참을 반환함.
<=	왼쪽 피연산자의 값이 오른쪽 피연산자의 값보다 작거나 같으면 참을 반환함.

*거듭제곱 const num = 2**3; console.log(num); //8

 

 

🟡논리 연산자  

|| (or) - 여러개 중 하나라도 true면 true 즉 모든 값이 false 일때만 false를 반환

&& (and) - 모든 값이 true면true 즉 하나라도 false 면 false를 반환

! (not) - true면false /  false 면true 반대로 바꿈

 

 

🟡출처 및 참고자료

코딩앙마 https://www.youtube.com/watch?v=KF6t61yuPCY 

서적 / 모던 스크립트 Deep Dive - 이웅모 지음