Javascript [ 객체 사용법, 함수 선언법 ]

객체 사용법

첫번째

• 빈 객체 선언

const person1 = new Obeject();
// 또는
const person1 = {};

• 속성 표시
  .표기법 : 객체명.속성명
  대괄호 표기법 : 객체명["속성명"]

const person1 = {};		// 빈 객체 선언

person1.userid = "jjoung";	// 속성 추가하기(.표기법)
person1["name"] = '양혜정';	// 속성 추가하기(대괄호 표기법)

// person1(객체) 의 type 확인
console.log(typeof person1);	// object

주의.

속성명이 변수이라면 선언할 때 .표기법을 사용하지 않는다.
대괄호 표기법만 사용!!

Ex) age
person1["age"] = 26;

---

두번째

• 속성명에 공백이 있으면 무조건 "" 이나 ''을 주어야 한다.
  "" 을 주지않을 경우

userid             : "jjoung" 	// 속성명은 userid
"userid           ": "jjoung"	// 속성명에 공백도 포함된다.

• 객체 안의 값 주는 방법
  객체 = {속성명1 : 값1, 속성명2 : 값2}

const person1 = {userid = "jjoung"
                 , name = '양혜정'
                 , "mobile phone" : "010-1234-5678"};
// 속성명에 공백이 있는 경우 "" 이나 '' 로 표시

---

함수 선언법

첫번째 [ 함수표현식(Function expression) ]

• window.onload = function( ){ } 내에서 선언

• 함수표현식

JS
// === 함수 호출하기 === //
document.getElementById("아이디명").innerHTML 
  									= 함수명(변수1, 변수2);
// === 함수 표현식 === //
const 함수명 = function(num1, num2){
	...
    return ...;
}

• 함수표현식(화살표 함수)

◆ "화살표함수" 란?
- ES6(ECMAScript 6) 에서 처음으로 소개된 것으로써 화살표(=>) 를
사용하여 함수를 선언하는 방법
- '람다 표현식(lambda expression)' 이라고 부른다.
- function 과 return 을 생략하기 위해 개발

JS
// === 함수 호출하기 === //
document.getElementById("아이디명").innerHTML 
  									= 함수명(변수1, 변수2);
// === 함수 표현식 === //
const 함수명 = (num1, num2) => {
	...
    return ...;
    // 함수 안 return 만 존재할 경우 return 생략
}

---

두번째 [ 함수 선언식(Function declaration) ]

• window.onload = function( ){ } 내에서 선언

• 함수 선언식

JS
// === 함수 선언식 === //
function 함수명(num1,num2){
	...
   	return ...;
}

---

정리

• 04_typeof -> typeof.html, typeof.css, typeof.js