8_JavaScript

1.スクリプト宣言の場所の違い

1) head 
	- 페이지를 로딩하는 시간이 길어진다.

2) body 하단
	- 페이지가 뜨더라도 동적인 요소를 사용하기 위해서는 기다려야 한다.

3) async 
	- 병렬로 다운로드하되 파싱 도중에 동적인 요소를 실행하게 되면 페이지를 로딩하는 시간이 길어진다.

4) defer 
	- 병렬로 다운로드하되 파싱이 끝난 후에 동적인 요소를 실행한다.

2. 'use strict';

'use strict';
 a = 6; // 결과값: error (a is not defined)

let a;
a = 6; // 결과값: 6

3.バニラjavascript

4.変数

console.log(price); // 결과값: undefined
	-  hoisting** 가능

{
var price = 350;
}
console.log(price); // 결과값: 350

var price = 70;
console.log(price); // 결과값: 70
	- redeclaration(재선언)

console.log(weight); // 결과값: error
	- hoisting 불가

let weight = 350; 
console.log(weight); // 결과값: 350

let weight = 300;
console.log(weight); // 결과값: error
	- redeclaration(재선언) 불가

weight = 500;
console.log(weight); // 결과값: 500 
	- reassignment(재할당) 가능

weight++; // 결과값: 501 

const height = 350;
console.log(height); // 결과값: 350

const height = 70;
console.log(height); // 결과값: error

height = 500;
console.log(height); // 결과값: error

height++;
console.log(height); // 결과값: error	

const a = function(b,c){
	      let d = b + c;
	      return d;
}
console.log(a(3,6)); //결과값: 9
console.log(a(5,7)); //결과값: 12

6.数値を0で割った場合はinfinity値、数値以外の場合はNaN(Nota Number)を返します。

7. Template liters

let myNmae = 'Gildong'
let myCity = 'Seoul'
console.log(`Name is ${myName}, City: ${myCity}`); // 결과값: Name is Gildong, City: Seoul

8.nullとundefinedの違い

let a = ''
console.log(a) // 결과값: null
let b
console.log(b) // 결과값: undefined

9. Dynamic Typing

let text = 'hello';
console.log(text.charAt(0)); // 결과값: h
console.log(`value - ${text}, type - ${typeof text}`); // 결과값: value - hello, type - string

text = 1;
console.log(`value - ${text}, type - ${typeof text}`); // 결과값: value - 1, type - number

text = '7' + 5;
console.log(`value - ${text}, type - ${typeof text}`); // 결과값: value - 75, type - string

text = '8' / '2'
console.log(`value - ${text}, type - ${typeof text}`); // 결과값: value - 4, type: number