JS복습

자바스크립트는 객체기반 스크립트 언어이다. 객체지향, 함수형 프로그래밍 가능

CODEPEN을 통해 HTML,CSS,JS툴을 사용할 수 있다는 것을 참고하자!

기초부터 순서대로 복습해보자!

console.log(변수) //콘솔에 로그해준다.(콘솔에 출력해준다)
let a 혹은 var a 를 사용하여 변수를 선언한다.(var 작성하지 않아도 된다.)

함수의 선언방식

함수의 선언방식은 여러가지가 있다.

function add(num1, num2){
let output =num1 + num2;
return output;
} //기본 함수 선언식

let add = function(num1,num2){
let output=num1+num2;
return output;
} //표현식

let add = (num1,num2) => {
let output = num1+num2;
return output;
} //화살표 함수
console.log(add(2,3));

const add = (num1,num2) => {
return num1+num2;
} //화살표함수를 간단히 줄인것

let add=(num1,num2) => (num1+num2)
console.log(add(2,3)); //화살표 함수를 ()를 사용하여 표현

객체

const ironman ={
name:"wow", //객체만들기에서 끝에 ',' 붙이는 것을 기억하자
age:45,
} // 객체 만들기
ironman.name //객체 사용하기

ironman.height="181";
delete ironman.age;
//추가와 삭제가 자유롭다.

const person ={
name:"wow",
age:45,
hascompany:true,
isCEO : function() {
console.log("hi");
},
}
person.isCEO();
//이 처럼 객체안에 함수를 작성할 수 있다.

const person ={
name:"wow",
age:45,
hascompany:true,
isCEO : function() {
if(person.hascompany==true) //if(hascompany==true)로 작성할 경우 오류발생
console.log("hi");
},
} //객체안에 정의된 키값을 사용할때는 this를 사용가능하다. ex> this.hascompany

js에서는 `(백틱) 기호를 사용하여 문자를 합치거나 함수를 사용하지 않고 문자열을 작성할 수 있다. 아래의 코드는 객체에서 this를 사용하여 백틱기호를 사용한 예시이다. const wow={ name:"wow", sayMyName : function() { console.log(hello, I'm ${this.name}`);
},
}
wow.sayMyName();