바닐라 JS day 3

연우·2023년 2월 22일
0

바닐라 JS

목록 보기
2/4
post-thumbnail

Function

  • 반복해서 사용할 수 있는 코드 조각
  • function 함수이름(매개변수){}
  • 코드블럭안에 있는 코드가 실행됨
  • 함수이름(); 로 실행
  • argument(인수) : function을 실행하는 동안 어떤 정보를 function에게 보낼 수 있는 방법
  • argument는 여러개를 받을 수 있음
function sayHello(nameOfPerson){
  console.log("Hello my name is " + nameOfPerson + "and I'm" + age);
}
sayHello("nico", 10) //Hello my name is nice and I'm 10

function plus(firstNumber,secondNumber){
	console.log(firstNumber+secondNumber);
}
plus() // Nan(숫자가 아님)
plus(8, 60); //68
console.log(firstNumber) // 에러 발생 firstNumber는 fucntion 밖에서는 존재하지 않음

function divide(a,b){
	console.log(a/b);
}
divide(98, 20) //4.9

const player = {
	name: "nico",
  	sayHello: functuon(otherPersonName){
  		console.log("hello!" + otherPersonName + "nice to meet you");
    },    
};
player.sayHello("lynn"); // hello! lynn nice to meet you

Returns

  • funcution을 실행하면 결과를 return한다.
  • return을 통해서 반환값을 가져온다.
  • 한번 return하면 function은 작동을 멈추고 결과값을 return하고 끝남
  • 주어진 값을 함수 호출 지점으로 반환
const age = 96;
function caculateKrAge(ageOfForeigner){
	return ageOfForeigner + 2;
}
const KrAge = caculateKrAge(age)

console.log(krAge) // 98


const calculator = {
	add: function(a, b){
		return a+b;	
	},
	minus: function(a,b){
		return a-b;
	},
	div: function(a,b){
		return a/b;
	},
	multi: function(a,b){
		return a*b;
	},
	powerOf: function(a, b){
		return a**b;
	},
};
const plusResult = calculator.plus(2,3) //5
const minusResult = calculator.minus(plusResult,10) //-5
const multiResult = calculator.minus(10,minusResult) //-50
const divResult = calculator.minus(multiResult,plusResult) // -10
const powerOfResult = calculator.minus(divResult,minusResult) //-0.0000099999..

Conditionals(조건문)

  • parseInt() : string인 숫자를 number로 변경, string(문자 EX:ABC) 입력하면 NaN
  • console.log(typeof value) : 타입 확인 방법,
  • isNaN() : number인지 아닌지 string이면 true number이면 false, boolean을 반환
const age = parseInt(prompt("How old are you?"));

console.log(isNaN(age)); 

if else문

  • 조건이 true라면 if문 false면 else문 실행
const age = parseInt(prompt("How old are you?"));

// if else문
if(condition){
  // condition === true
}else{
  // condition === false
}

if(isNan(age)){
	console.log("Please write a number");
}else{
	console.log("Thank you for writing your age")
}

else if

const age = parseInt(prompt("How old are you?"));


if(isNan(age) || age < 0){
	console.log("Please write a number");
}else if(age < 18){
	console.log("You are too young.")
}else if(age >= 18 && age <= 50){
  	console.log("You can drink")
}else{
	console.log("You can't drink")
}


연산자

  • = : value를 할당
  • === : 값과 type 까지 같은지 확인

비교연산자

  • AND는 둘 다 true면 true
  • OR은 둘 중 하나만 true면 true
// and 연산자 &&
true && true === true
false && true === false
true && false === false
false && false === false

// or 연산자 ||
true || true === true
false || true === true
true || false === true
false || false === false

1개의 댓글

comment-user-thumbnail
2023년 2월 23일

오 진짜?

답글 달기