[js] javascript / 식별자 / 함수

자바스크립트

프로그래밍은 일반적으로 컴파일러와 인터프리터라는 과정으로 프로그래밍을 진행하는데

자바스크립트는 인터프리터(interpreter) 언어로 작성과 동시에 바로 실행할 수 있는 언어이다.

그에 반해 컴파일러는 소스코드를 기계어로 변환하는 과정이 필요하다.

 

ES5는 윈도우의 메모장으로 작성 후 바로 결과를 확인할 수 있었으나

ES6부터는 기존의 단순한 방식으로 진행되지 않아 CLI(커맨드라인 인터페이스)방식을 사용해야함.

node.js, npm, react, git 등을 활용하려면 터미널을 활용해야함.

 

변수

프로그램 실행 중 임의의 값을 저장해두고 읽을 수 있는 가상의 공간

변수에 저장 가능한 값은 데이터타입 또는 자료형.

데이터 타입은 숫자형(number type), 문자열(string type), 불형(boolean type), 객체(object)가 있음.

typeof() 명령어를 사용하면 소괄호 안에 들어있는 변수의 데이터 타입을 확인할 수 있음.

 

상수

항상 같은 수, 변수와 상반 됨.

const - 상수(constant)를 만드는 키워드

변하지 않을 대상에 상수 적용.

 

식별자

이름을 붙일 때 사용하는 단어, 변수와 함수 이름 등으로 사용.

- 생성자 함수의 이름은 대문자로 시작

- 변수, 함수, 속성, 메소드의 이름은 소문자로 시작

- 여러 단어로 된 식별자는 각 단어의 첫 글자를 대문자로 함

 

식별자 종류

구분	단독으로 사용	다른 식별자와 사용
식별자 뒤 괄호 없음	변수 or 상수	속성
식별자 뒤 괄호 있음	함수	메소드

 

console.log("가나"+"다라")
console.log(25+30)

let pi;
pi=3.1459265;
console.log(pi);

let output = 0;
for(let i = 0; i <=100; i++){
  output += i;
}
console.log(output);

 

함수

어떠한 입력을 받아 특정한 기능이나 계산을 수행하고 결과를 돌려주는 역할.

프로그래밍 함수는 입력이나 결과 없이도 함수 안에서 특정 기능만 수행할 수 있음.

 

함수 생성방법

- 익명 함수 : 이름을 붙이지 않고 함수 생성, 호출 시 코드가 모두 실행

- 선언적 함수 : 이름 붙여 함수 생성

화살표 함수 : 하나의 표현식을 리턴함수를 만들 땐 중괄호 생략 가능

function 함수 () {
  console.log("함수 첫째줄")
  console.log("함수 두째줄")
};
함수();
console.log(함수);

function <함수이름>(<매개변수>) {
	<함수 코드>
	return <리턴 값>
}

// 리턴하는 함수 형태
function 함수이름(<매개변수>, <매개변수>) {
	let output = <초깃값> ;
    // outpput 계산
	return output;
}

 

- 매개 변수가 여러 개인 함수

function multiply(x,y){
  return x * y;
}
console.log(multiply(2, 3));
console.log(multiply(102, 43));

 

parseInt() : 문자열을 정수로 변환

parseFloat() : 문자열을 실수로 변환

setTimeout(함수, 시간) : 특정 시간 후에  함수 실행

setInterval(함수, 시간) : 특정 시간마다 함수 실행