자바스크립트 변수와 함수의 기초를 공부하다.
FE BE 개발 메모장/Javascript

자바스크립트 변수와 함수의 기초를 공부하다.

 

변수 variable

 변수는 데이터가 변하는 수 를 뜻한다. 이 데이터를 처기하기 위해서는 데이터 저장공간이 필요하고, 그 공간을 변수라고 부른다. 

let camelCase
   (camel'C'ase')
  
  they'W'ant'T'o'P'lay

 

선언할 수 있는 변수

var는 전역 변수

let과 const는 지역 변수

let 은 변수가 선언된 블록, 구문 표현식 내에만 유효한 변수를 선언한다.

const 는 한번 선언한 값에 대해서 변경할 수 없다.


//.1
//code 라는 변수를 선언 한 후 1577을 할당 한다.
// = 은 같다는 수학식이 아닌 assign 즉, 선언한 변수의 값을 대입한다.
let code;
	code = 1577;
    
	
//.1-1
// let으로 할당된 변수는 추가적으로 let을 작성할 필요가 없다.
// BAD
let code;
let code = 1577; 

 

변수가 할당이 되지 않았을때 결과는 이렇다.

let abc;
undefined
abc
undefined

 

Expression과 Statment

표현식 Expression 

Expression은 값을 산출해내는 코드를 말한다.

//예
1;
'code';
1 + 2 + 3;
5 * 5;
myFunction ('a','b');

 

문장 Statement

Statement란 특정 액션을 수행할 수 있는 코드를 말한다. 

//1

let code = 'abcd'
//statement , expression

//2

let code = (a >= 21 && a < 24)  
//statement , expression

기본 자료형 6가지 타입

  • 문자열 String
//String
'한글'
'English'
'123456'

//변수에 저장

let string = '문자열'
  • 숫자 Number

단순히 숫자를 나타낸다.

//Number
1
1,2,3
1234567
  • 불린 Boolean

참(true)과 거짓(false)을 나타낸다.

//Boolean
true
false

//ex
1 === 1  // true
1 === '1'// false
2 < 1    // false
  • Undefinded 

변수의 값이 없거나, 할당되지 않는 경우에 나타낸다.

  • NULL

변수의 값이 존재하지 않을 때 나타낸다.

  • Symbol

자료형인 객체형 또는 객체속성을 만들 수 있는 원시적인 속성

typeof

typeof는 변수의 데이터 타입을 반환하는 연산자다.

typeof(target) 

문자열 : 'string'
숫자 : 'number'
불리언 : 'boolean'
함수 : 'function'
객체 및 배열 : 'object'
정의되지 않은 변수 : 'undefined'

주의사항
Null : 'object'

 

 

Boolean 변환

AND 에서 OR로 변환할 때

constructure1 && constructure2
!(!constructure1 || !constructure2)

OR에서 AND로 변환할 때

constructure1 || constructure2
!(!constructure1 && !constructure2)

NOT 간의 변환

!!constructure
constructure

 

출처 = https://www.codingfactory.net/10288

함수 Function

함수는 작업을 수행하거나 값을 계산하는 문장 집합 같은 자바스크립트 절차입니다.

함수는 기본적으로 undefined 값을 반환합니다. 그래서 반환값을 지정할 때는 return이 있어야합니다.

함수 선언식 

//함수 선언식(매개변수 (parameter))
function myFunction(input) {
	return ;
}

함수 표현식

//함수 표현식 
let myFunction = function(input) {
	return;
}

함수 예제

 

// 원 지름을 구하는 공식에서 콘솔에서만 값을 출력할 때.
function getAreaPfCircle(radius){
    const pi = 3.141592;
    let areaOfcircle = pi * radius *  radius;
    console.log(areaOfcircle);
}

getAreaPfCircle(5)
//결과값은 console 창에 출력되지만 아래에 undefined가 뜨게된다.
78.5398
undefined

// return을 써서 함수의 결과를 외부로 출력을 할 때

function getAreaPfCircle(radius){
    const pi = 3.141592;
    let areaOfcircle = pi * radius *  radius;
    return areaOfcircle;
}
getAreaPfCircle(5)
78.5398

 

출처 = hps://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Expressions_and_Operators

 

 

 

 

'FE BE 개발 메모장 > Javascript' 카테고리의 다른 글

조건문 if() {  (0) 2020.10.06
연산자  (0) 2020.10.04
반복문 for, while  (0) 2020.09.30
Math 메소드, 문자열  (0) 2020.09.22
산술 연산자에서 %가 하는 일  (0) 2020.09.16