0109 자바 스크립트

자스

- 자바스크립트 자료형 종류

Boolean

논리 요소를 나타내며 true / false 두 가지 값을 가질 수 있다.

Null :

null이라는 값 하나만 가진다

Undefined

값을 할당하지 않은 변수는 undefined 값을가진다.

Number

배정밀도 64비트 이진 형식이며 부동소수점 숫자 외에도
+infinity, -infinity , Nan(not of number)이라는 상징적인 값을가짐

Biglnt

Number의 안전 한계를 넘어서는 큰 정수도 안전하게 저장가능함.
+,=,-,* 등의 연산자도 사용가능하다.

String

텍스트 데이터를 나타낼 대 사용. 각각의 요소가 한 자리를 차지하며,
첫 번째 요소는 인덱스 0에, 다음은 인덱스 1, 다음은 2, String의 길이는 요소수와 같다.

Symbol

고유하고 변경 불가능한 원시 값이며 객체의 속성 키로 사용가능하다.

- 자바스크립트 변수 선언방법

1.Var

var 키워드로 변수를 선언할 경우 선언과 동시에 값을 할당할 수 있다.
지정된 초기값 없이 선언된 변수는 undefined값을 가진다.

var a = 10;
function f() {
  var message = "hello, world";
  return message;
}

2.let

특정 변수가 선언되었을 때는 let을 통해 재선언이 되지 않지만 선언한 변수에 재할당은 가능하다.

	let name = 'bathingape'
    console.log(name) // bathingape
    let name = 'javascript'
    console.log(name) 
    // Uncaught SyntaxError: Identifier 'name' has already been declared
    name = 'react'
    console.log(name) //react

보이는 것처럼 name이라는 변수에 let을 통해 재선언 시에는 오류가 발생했지만.
name = 'react'로 재할당은 가능하다.

3.const

변수 재선언 ,재할당 모두 불가능하다. 하지만 변수를 재할당하지 않는 이상 const를
사용하는 것이 코드의 관리면에서 유리하다.

const name = 'bathingape'
console.log(name) // bathingape
const name = 'javascript'
console.log(name) 
// Uncaught SyntaxError: Identifier 'name' has already been declared
name = 'react'
console.log(name) 
//Uncaught TypeError: Assignment to constant variable.

그렇기에 재할당 할 필요가 없는 경우에는 const를 있는경우에는 let을 사용해준다.

- 자바스크립트 함수 선언방법 (3종류?)

1.Function declaration (함수 선언)

기본적인 함수를 정의하고 함수를 호출하는 방법이다.

function hello() {
  return 'Hello';
}

console.log(hello()); 
---- output ----
Hello

hello() 이라는 함수를 만들었고, 실행 시에 'hello'를 반환한다.

매개 변수 활용도 가능하다.

function hello(name) {
  return 'Hello ' + name;
}

console.log(hello('John'));
---- output ----
hello Jhon

그리고 매개 변수에 기본 값을 설정할 수 있다. 즉 아무런 값이 입력되지 않았을 때,
기본값이 들어간다.

function hello(name='Tom') {
  return 'Hello ' + name;
}

console.log(hello());
console.log(hello('John'));
---- output ---- 
Hello Tom
Hello John

2.Funtion expression (함수 표현식)

익명 함수를 정의하고 변수에 할당. 함수를 호출할 때는 변수 이름에 ()을 붙인다.

const square = function(x) {
  return x*x;
};

console.log(square(5));
console.log(square(10));
---- output ----
25
100

기본값 설정도 마찬가지로 가능하다.

const square = function(x = 3) {
  return x*x;
};

console.log(square());
console.log(square(5));
---- output ----
9
25

3.Immediately invokable function expression

다음과 같이 익명 함수를 정의하고 즉시 호출이 가능하다.

(function(){
  console.log('Hello..');
})();
---- output ----
Hello..

기본적인 함수 정의와 같이 매개변수 사용도 가능

(function(name){
  console.log('Hello.. ' + name);
})('John');
---- output ----
Hello.. John

JSON 이란

개요

JSON은 JavaScript Object Notation의 약자입니다.
JSON은 좀 더 쉽게 데이터를 교환하고 저장하기 위하여 만들어졌다.
Javascript 기준으로 만들어졌으며 다음과 같은 특징을 가진다.
1. JSON은 자바스크립트를 확장하여 만들어졌습니다.

2. JSON은 자바스크립트 객체 표기법을 따릅니다.

3. JSON은 사람과 기계가 모두 읽기 편하도록 고안되었습니다.

4. JSON은 프로그래밍 언어와 운영체제에 독립적입니다.

• 자바스크립트 스코프란
• var let const 스코프 차이
• 1급객체란 (자바, 자바스크립트 비교)
• (부동소수점이란) 자스에서 1.1 + 1.3이 2.4가 아닌 이유
• 얕은복사, 깊은복사