JavaScript20 [JavaScript] 객체 객체 만들기 let person = { key: "value", //프로퍼티 key: "value1" };//객체 리터럴방식 위 코드는 객체 리터럴방식으로 객체를 생성하고, 프로퍼티를 설정한다. (자바 클래스와 유사) console.log(person.key) //점표기법 console.log(person["key"]) //괄호표기법 객체의 프로퍼티를 불러올 때에는 다음과 같이 점표기법과 괄호표기법을 사용할 수 있다. 주의할 점은 괄호표기법에서 key 이름은 꼭 string형으로 넣어주어야 한다는 점이다. let person = { name : "jack", age : 22, }; console.log(get("name")); function get(key){ return person(key); } 괄호.. 2023. 7. 12. [JavaScript] 콜백함수 콜백함수는 함수를 매개변수로 받는 함수이다. 예시 코드 function day(time, morning, night){ if(time === "morning"){ morning(); //wakeUp이 출력 } else{ night(); //goToSchool이 출력 } } function wakeUp(){ console.log("wakeUp"); } function goToSchool(){ console.log("goToSchool"); } day("morning", wakeUp, goToSchool); 위와 같이 함수명을 매개변수로 넘겨주면 호출되는 함수에서 해당 변수를 함수로 쓴다. 2023. 7. 10. [JavaScript] 호이스팅과 화살표함수 함수도 값이라 변수나 상수에 담아서 사용이 가능하다. let a = function(){ return "안녕하세요"; }; console.log(a); // hello()함수 형식으로 출력된다. const aText = a(); console.log(aText);// 안녕하세요가 출력된다. 호이스팅 호이스팅은 함수가 선언된 위치보다 위에서 함수를 호출하는게 가능하게 해주는 기능이다. console.log(a()); console.log(b()); let a = function(){ return "hi"; }; // 함수 표현식 function b(){ return "hello"; }//함수 선언식 함수 선언식은 호이스팅이 가능하지만, 함수 표현식은 호이스팅이 불가능하다. 화살표 함수 let k = fun.. 2023. 7. 10. [JavaScript] 함수 기본형 function 함수명(매개변수){ //함수내용 return 변수; } let k = 함수명(매개변수); // 함수 호출하기 //k에 함수 리턴값 저장 리턴 자료형을 따로 해주지 않아도 된다. function안에서 선언된 변수는 외부에서 접근 불가능하다. 하지만 반대로 function에서는 funtion밖에서 선언된 변수에 접근 가능하다. 2023. 7. 10. [JavaScript] 조건문 if문 if문은 java, c언어와 동일하다. let a = 5; if(a == 5){ console.log("five"); } else if(a == 4){ console.log("four"); } else{ console.log("not"); } a가 5이면 five를, a가 4이면 four을, 둘 다 아니면 not을 출력한다. switch문 else if가 너무 많으면 지저분함 -> switch문 사용 let a = "l" switch(a){ case "l": console.log("엘"); break; case "m": console.log("엠"); break; case "n": console.log("엔"); break; default: console.log("기타"); break; } swi.. 2023. 7. 10. [JavaScript] 연산자 기본연산자 더하기 + 빼기 - 곱하기 * 나누기 / 나머지 % *더하기를 하는 두 수 중 하나라도 String형이면 string을 합친 모양이 된다( ex) 1+ "2" = 12) 복합연산자 let a = 4; a = a + 5; a += 5; 변수 a에다가 5를 더하고 싶을 때 위와 같이 두가지 방법을 사용할 수 있습니다. 두 번째 줄의 방법은 비효율적인 방법이므로 세번째 줄과 같이 복합연산자를 사용합니다. 더하기 += 빼기 -= 곱하기 *= 나누기 /= 나머지 %= 증감연산자 1을 더한다 ++ 1을 뺀다 -- let a = 4; console.log(a++); //1 console.log(a--); //2 console.log(--a); //3 console.log(++a); //4 1과 2는 후위연.. 2023. 7. 10. 이전 1 2 3 4 다음
