- ํจ์ ๊ธฐ๋ณธ ํํ
<script>
funcition ํจ์๋ช (๋งค๊ฐ๋ณ์) {
return ํจ์๊ฐ ํด์ผํ๋ ์ผ;
}
</script>
- ๊ธฐ๋ช ํจ์ : hoisting ๊ฐ๋ฅ
- ํจ์๋ช ์ด ์๋ ํจ์๋ฅผ ๋งํจ
<script>
function myfuncion(p1, p2) {
return p1 * p2;
}
let result = myfuncion(4, 5);
</script>
1. ๋ฒํผ์ ํด๋ฆญํ๋ฉด ํจ์๋ฅผ ํธ์ถํ์ฌ ๊ฐ์ ์ถ๋ ฅํ๊ธฐ
<body>
<h2>javascript funtion</h2>
<p id="demo"></p>
<!--๋ฒํผ์ ๋๋ฅด๋ฉด ๊ฒฐ๊ณผ๊ฐ์ด demo ์๋ฆฌ์ ๋ณด์ฌ์ง๊ธฐ-->
<button type="button" onclick="toCelsius(77)">๊ฒฐ๊ณผํ์ธ</button>
<script>
function toCelsius(fahrenheit) {
let result = (5 / 9) * (fahrenheit - 32);
document.getElementById("demo").innerHTML = result;
}
</script>
</body>
- ๊ฒฐ๊ณผํ์ธ ๋ฒํผ์ ๋๋ฅด๊ธฐ ์
- ๊ฒฐ๊ณผํ์ธ ๋ฒํผ์ ๋๋ฅธ ํ
- ์ต๋ช ํจ์ : hoisting ๋ถ๊ฐ
- ํจ์๋ช ์ ์ง์ ํ์ง ์๊ณ ์ฌ์ฉํ๋ ํจ์, ํจ์๋ฅผ ํธ์ถํ ๋ ํจ์๋ช ์ด ์๋ ํจ์์ ๊ฒฐ๊ณผ๊ฐ์ ๋ด๊ณ ์๋ ๋ณ์๋ช ์ ํธ์ถํจ
<body>
<script>
let sum = 0;
//์ต๋ช
ํจ์(anonymous funtion)
const output = function (a, b) {
return a * b;
};
//ํจ์ ํธ์ถ
let result = output(4, 3);
document.write(result);
</script>
</body>
- Arrow ํจ์, ํ์ดํ ํจ์
<body>
<h2>Arrow funtion</h2>
<p id="demo"></p>
<script>
// ์ผ๋ฐ ํจ์ ํํ์
var x = function (x, y) {
return x * y;
};
// ํ์ดํ ํจ์ : ๋งค๊ฐ๋ณ์๊ฐ 2๊ฐ์ธ ๊ฒฝ์ฐ
const x = (x, y) => x * y;
document.getElementById("demo").innerHTML = x(5, 6);
// ํ์ดํ ํจ์ : ๋งค๊ฐ๋ณ์๊ฐ 1๊ฐ์ธ ๊ฒฝ์ฐ
const x = (y) => console.log(y);
x(7);
</script>
</body>
- ์ฆ์ ์คํ ํจ์(self-invoking function) : ๋ฐ๋์ ์คํํด์ผํ๋ ๊ฒฝ์ฐ ์ฌ์ฉ
<body>
<h2>์ฆ์ ์คํ ํจ์(self-invoking function)</h2>
<!--ํธ์ถ์ ํ์ง ์์๋ ๋ฐ๋ก ์คํ๋จ-->
<p id="demo"></p>
<script>
(function () {
let x = "hello!!!";
document.getElementById("demo").innerHTML = x;
})();
</script>
</body>
'JAVASCRIPT' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
| [JAVASCRIPT] ๋ด์ฅํจ์ - prompt(), parseInt(), Number(), isNaN() (0) | 2021.10.31 |
|---|---|
| [JAVASCRIPT] ์๋ฐ์คํฌ๋ฆฝํธ ๋ด์ฅํจ์ - encodeURI(),encodeURIComponent() (0) | 2021.10.31 |
| [JAVASCRIPT ] for๋ฌธ (0) | 2021.10.29 |
| [JAVASCRIPT] ์๋ฐ ์คํฌ๋ฆฝํธ ๋ณ์ ํ์ ์ข ๋ฅ (0) | 2021.10.26 |
| [JAVASCRIPT] ์๋ฐ ์คํฌ๋ฆฝํธ ์์ฑ ๋ฐฉ๋ฒ (0) | 2021.10.26 |