[코딩앙마] 자바스크립트 기초 강좌: 100분 완성

1. confirm()

: 무엇인가를 확인 받을 떄 사용 가능

윈도우 확인() - 웹 API | 증권 시세 표시기 (mozilla.org)

Window.confirm() - Web API | MDN

 

 

0, "",  null, undefined, NaN

 

[주의사항]

Number(null) //0

Number(undefined) //NaN

 

 

[주의사항]

Number(0) //false

Number('0') //true

 

Number('') //false

Number(' ') //true

 

 

**함수 선언문 : 어디서든 호출 가능**

sayHello();

function sayHello() {
	console.log('Hello');
}

[호이스팅]

=> 코드가 실행하기 전 변수선언/함수선언 이 해당 scope의 최상단으로 끌어 올려진 것 같은 현상을 의미

      (함수 실행 - 함수 선언 이 구조임에도 함수가 실행이 됨)

 

 

**함수 표현식 : 코드에 도달하면 생성**

let sayHello = function() {
	console.log('Hello');
}
sayHello();

 

 

 

 

let add = function(num1, num2) {
	return num1+num2;
}

 

[화살표 함수]

let add = (num1, num2) => {
	return num1+num2;
}

[화살표함수 - return문이 한 줄일 때]

let add = (num1, num2) => num1+num2;

[화살표함수 - 인수가 한 개일 때]  //괄호 생략 가능

let sayHello = name => `Hello, ${name}`;

[화살표함수 - 인수가 없는 함수일 때]   //괄호 생략 불가능

let showError = () => {
	alert('error!');
}

[화살표함수 - return 전에 여러 개의 코드가 있을 경우]

let add = (num1, num2) => {
	const result = num1+num2;
    return result;
}

 

 

---

객체

const superman = {
	name : 'clark',
    age : 33,
}

 

Object - 접근, 추가, 삭제

 

접근

superman.name //'clark'

superman['age'] //33

 

추가

superman.gender = 'male';

superman['hairColor'] = 'black;

 

삭제

delete superman.hairColor;

 

 

Object - 단축 프로퍼티

const name = 'clark';
const age = 33;

const superman = {
	name : name,
    age : age,
    gender : 'male',
}

const superman = {
	name, //name : name
    age, //age : age
    gender : 'male',
}

 

 

 

Object - 프로퍼티 존재 여부 확인

if) 존재하지 않는다면 에러가 발생하지 않고 undefined가 출력됨

이때 in 연산자를 사용하면 프로퍼티가 있는지 알 수 있다

const superman = {
	name : 'clark',
    age : 33,
}

superman.birthDay;
//undefined

'birthDay' in superman;
//false

'age' in superman;
//true

 

 

 

 

for ... in 반복문

=> for in 반복문을 사용하면 객체를 순회하면서 값을 얻을 수 있다

for(let key in superman) {
	console.log(key)
    console.log(superman[key])
}

 

 

**화살표 함수는 일반 함수와 달리 자신만의 this를 가지지 않음**

**화살표 함수 내부에서 this를 사용하면, 그 this는 외부에서 값을 가져옴**

 

 

 

 

---

 

 

 

메서드(method)

 

1. push()

: 배열 끝에 추가

 

 

 

2. pop()

: 배열 끝 요소 제거

 

 

 

3. shift, unshift

: 배열 앞에 제거/추가

 

**unshift : 추가**

**shift : 제거**

 

 

 

 

4. for ... of

: 반복문

**for ... in과 헷갈리지 않게 주의!!