JS Function

Heewon๐Ÿ‘ฉ๐Ÿปโ€๐Ÿ’ปยท2024๋…„ 4์›” 23์ผ

๐ŸŽฏconsole.log()์™€ ๊ฐ™์ด "xx.xx()"์ด ๋ชจ์–‘์€ function์˜ ๊ธฐ๋ณธ ํ˜•ํƒœ๋‹ค.

๐ŸŽฏfucntion์ด๋ž€? ๊ณ„์† ๋ฐ˜๋ณตํ•ด์„œ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ์ฝ”๋“œ์กฐ๊ฐ์„ ์˜๋ฏธํ•œ๋‹ค.

function sayHi(){}

๐Ÿ’กarray๋ฅผ ๋งŒ๋“ค๋• [] ์žˆ์–ด์•ผํ–ˆ๊ณ , String(๋ฌธ์ž์—ด)์„ ๋งŒ๋“ค๋• ""๋ฅผ ์จ์•ผํ–ˆ์œผ๋ฉฐ, ๋ณ€์ˆ˜๋ฅผ ์ง€์ •ํ• ๋•Œ๋„ const, let, var์„ ์„ ์–ธํ–ˆ๋˜๊ฒƒ์ฒ˜๋Ÿผ, function์„ ๋งŒ๋“ค๋• (){} ๊ด„ํ˜ธ๋ฅผ ๋„ฃ์–ด์ค˜์•ผํ•œ๋‹ค.

function sayHi(){
	console.log("hello");
    alert("hello");
}

sayHi();
//ํ˜ธ์ถœ์‹œํ‚ฌ๋•Œ ๋งˆ๋‹ค ์ฝ˜์†”๊ณผ ์•Œ๋ฆผ์ฐฝ์— "hello"๊ฐ€ ์ฐํž˜!

๐Ÿ’กfunction์— ๋งค๊ฐœ๋ณ€์ˆ˜(parameter)๋ฅผ ์ง€์ •ํ•˜๊ธฐ ์œ„ํ•ด์„œ ()์•ˆ์— ๋งค๊ฐœ๋ณ€์ˆ˜๋ช…์„ ์ง€์ •ํ•ด์ฃผ๋ฉด๋จ.

function sayHi(nameOfPerson, interest){
	console.log("Hi my name is " + nameOfPerson + " and I am interested in " + interest)
}

sayHi("Heewon", "playing a piano");
//console์— ์ฐํžˆ๋Š” ๊ฒฐ๊ณผ๊ฐ’์€ "Hi my name is Heewon and I am interested in playing a piano"๊ฐ€ ๋œ๋‹ค.
// ์—ฌ๊ธฐ์„œ "Heewon"๊ณผ "playing a piano"๋“ฑ ์‹ค์ œ ์ „๋‹ฌ๋˜๋Š” ๊ฐ’์„ ์ธ์ˆ˜๋ผ๊ณ  ๋ถ€๋ฅด๋ฉฐ ์˜์–ด๋ก  argument๋ผ๊ณ  ํ•œ๋‹ค.

๐Ÿ’กobject ์—์„œ function๋งŒ๋“œ๋Š” ๋ฐฉ๋ฒ•!

const human = {
	name: "Heewon",
    sayHi: function(otherPersonsName){
    	console.log("hello! " + otherPersonsName + " nice to meet you!");
    }
}
//์œ„ ์ฝ”๋“œ์™€ ๊ฐ™์ด function ๋ช…์„ ๋จผ์ € ์ง€์ •ํ•ด์ฃผ๊ณ  function์„ ์จ์„œ ํ•จ์ˆ˜๋ฅผ ๊ธฐ๋กํ•œ๋‹ค.
console.log(human.name);
human.sayHi("Hyejin");
๊ฒฐ๊ณผ : "hello! Hyejin nice to meet you!"
profile
Interested in coding, meat lover, in love with dogs , enjoying everything happens in my life.

0๊ฐœ์˜ ๋Œ“๊ธ€