TIL : JS기초 (변수, 타입 그리고 함수)

beablessing·2021년 6월 11일
0

TIL

목록 보기
12/33
post-thumbnail

선언과 할당


1. 보관함 확보 
선언 
let age ; 

2. 보관함에 데이터 저장
할당
age =12; 

3. 선언과 할당 동시에 가능 
let age = 12; 

할당이 없는 변수는

let myname;
console.log(myname); // undefined

type 타입

숫자
문자열
boolean
여러 타입이 섞인 타입

자료형_배열

let fruits = [
	'banana',
    'apple',
    'pineapple'
]
자료형_객체

let person = {
	name: "steve',
    age: 32,
    isStudent: true

}.

undefined 는 타입
함수는 타입

원시 자료형 string, number, boolean, undefined의 의미를 이해할 수 있다.

function 함수

함수란?

함수는 코드의 묶음이다.
함수는 기능의 단위 (버튼처럼 사용)
함수는 구체적인 입력값과 출력값을 가진다.(매핑)
함수는 호출 후에 반드시 돌아온다.

함수의 사용법

  1. 함수의 선언 : 함수라는 버튼을 제작함
function cal(para1,para2){
	console.log(para1 + para2); 
    return para1 *10;
}

함수가 한번 선언되면(버튼이 만들어지면), 특별한 보관함에 저장됨.

  1. 함수의 호출( call, invocation ) : 제작된 버튼을 사용함
cal(10,20);

함수를 포함한 표현식이 어떻게 평가되는 과정

함수가 호출되면, 특별 보관함에 저장된 코드가 조회된다
함수코드에 있는 파라미터값들은
호출시 작성된 인자들의 값으로 변화됨.
파라미터 평가가 완료되면 -> 함수코드들이 순차적으로 실행됨
함수가 리턴하면 호출된 장소로 돌아가게 됨.
이때 함수 호출코드가 리턴값으로 바뀌게 됨,

함수 선언 방법 3가지.

  1. 함수 선언식
function getTriangleArea(base, height){
	let triangleArea = (base * height) /2;
    return triangleArea
}

  1. 함수 표현식
const getTriangleArea = function (base , height) {
	let triangleArea = (base * height) /2;
    return triangleArea
}

  1. 화살표 함수
const getTriangleArea = (base, height) =>{
	let triangleArea = (base * height) /2;
    return triangleArea
}

화살표 함수

const getArea = (base, heght) => base * height /2; //정상작동

const getArea = (base, height) => { base * height /2} //x undefined리턴
--> return을 생략한 경우, 중괄호도 생략해주어야 함. (두개는 세트)

const getArea = (base, height)=> (base * height /2) // 정상작동
--> return문에서 소괄호를 사용할 수 있음.

profile
프론트엔드 개발자

0개의 댓글