์ฆ์ ์คํ ํจ์
ํจ์์ ์ธ ๋ถ๋ถ์ ์๊ดํธ๋ก ๊ฐ์ผ ๋ค์์ ๋ฐ๋ก ๋ค์ ํจ์๋ฅผ ์คํํ๋ ์๊ดํธ๋ฅผ ํ ๋ฒ ๋ ๋ถ์ฌ์ฃผ๋ ๋ฐฉ์
// ํจ์๊ฐ ์ ์ธ๋ ์๊ฐ ๋ฐ๋ก ์คํ
(function () {
console.log('Hi!');
})();
- ์ผ๋ฐ ํจ์์ฒ๋ผ ํ๋ผ๋ฏธํฐ๋ฅผ ์์ฑํ๊ณ , ํจ์๋ฅผ ํธ์ถํ ๋ ์๊ท๋จผํธ๋ฅผ ์ ๋ฌํ ์๋ ์๋ค.
(function (x, y) {
console.log(x + y);
})(3, 5);
์ฃผ์์ฌํญ
๐ก์ฆ์ ์คํ ํจ์๋ ํจ์์ ์ด๋ฆ์ ์ง์ด์ฃผ๋๋ผ๋ ์ธ๋ถ์์ ์ฌ์ฌ์ฉํ ์ ์๋ค
(function sayHi() {
console.log('Hi!');
})();
sayHi(); // ReferenceError
์ฆ์ ์คํ ํจ์์ ํ์ฉ
์ฆ์ ์คํ ํจ์๋ ๋ง ๊ทธ๋๋ก ์ ์ธ๊ณผ ๋์์ ์คํ์ด ์ด๋ค์ง๊ธฐ ๋๋ฌธ์ ์ผ๋ฐ์ ์ผ๋ก ํ๋ก๊ทธ๋จ ์ด๊ธฐํ ๊ธฐ๋ฅ์ ๋ง์ด ํ์ฉ๋๋ค.
(function init() {
// ํ๋ก๊ทธ๋จ์ด ์คํ ๋ ๋ ๊ธฐ๋ณธ์ ์ผ๋ก ๋์ํ ์ฝ๋๋ค..
})();
- ์ฌ์ฌ์ฉ์ด ํ์ ์๋ ์ผํ์ฑ ๋์ ๊ตฌ์ฑ์ ํ์ฉ
const firstName = 'Young';
const lastName = 'Kang';
const greetingMessage = (function () {
const fullName = `${firstName} ${lastName} `;
return `Hi! My name is ${fullName}`;
})();
'๐ฉ๐ปโ๐ป ํ๋ก๊ทธ๋๋ฐ ์ธ์ด > JavaScript' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
[Javascript] - this์ ๋ํด์ ์์๋ณด์ (0) | 2024.07.19 |
---|---|
[Javascript] - ํจ์ ์ค์ฝํ์ ๋ธ๋ก ์ค์ฝํ์ ์ฐจ์ด์ (0) | 2024.07.19 |
[Javascript] - ํจ์ ์ ์ธ์๊ณผ ํจ์ ํํ์์ ์ฐจ์ด์ (0) | 2024.07.19 |
[DOM ์ด๋ฒคํธ ๊ฐ๋ ] - ๋ฒ๋ธ๋ง๊ณผ ์บก์ณ๋ง (0) | 2024.07.17 |
[ํ๊ทธ ์ ํ์] getElement๊ณผ querySelector (0) | 2024.07.16 |
์ฆ์ ์คํ ํจ์
ํจ์์ ์ธ ๋ถ๋ถ์ ์๊ดํธ๋ก ๊ฐ์ผ ๋ค์์ ๋ฐ๋ก ๋ค์ ํจ์๋ฅผ ์คํํ๋ ์๊ดํธ๋ฅผ ํ ๋ฒ ๋ ๋ถ์ฌ์ฃผ๋ ๋ฐฉ์
// ํจ์๊ฐ ์ ์ธ๋ ์๊ฐ ๋ฐ๋ก ์คํ
(function () {
console.log('Hi!');
})();
- ์ผ๋ฐ ํจ์์ฒ๋ผ ํ๋ผ๋ฏธํฐ๋ฅผ ์์ฑํ๊ณ , ํจ์๋ฅผ ํธ์ถํ ๋ ์๊ท๋จผํธ๋ฅผ ์ ๋ฌํ ์๋ ์๋ค.
(function (x, y) {
console.log(x + y);
})(3, 5);
์ฃผ์์ฌํญ
๐ก์ฆ์ ์คํ ํจ์๋ ํจ์์ ์ด๋ฆ์ ์ง์ด์ฃผ๋๋ผ๋ ์ธ๋ถ์์ ์ฌ์ฌ์ฉํ ์ ์๋ค
(function sayHi() {
console.log('Hi!');
})();
sayHi(); // ReferenceError
์ฆ์ ์คํ ํจ์์ ํ์ฉ
์ฆ์ ์คํ ํจ์๋ ๋ง ๊ทธ๋๋ก ์ ์ธ๊ณผ ๋์์ ์คํ์ด ์ด๋ค์ง๊ธฐ ๋๋ฌธ์ ์ผ๋ฐ์ ์ผ๋ก ํ๋ก๊ทธ๋จ ์ด๊ธฐํ ๊ธฐ๋ฅ์ ๋ง์ด ํ์ฉ๋๋ค.
(function init() {
// ํ๋ก๊ทธ๋จ์ด ์คํ ๋ ๋ ๊ธฐ๋ณธ์ ์ผ๋ก ๋์ํ ์ฝ๋๋ค..
})();
- ์ฌ์ฌ์ฉ์ด ํ์ ์๋ ์ผํ์ฑ ๋์ ๊ตฌ์ฑ์ ํ์ฉ
const firstName = 'Young';
const lastName = 'Kang';
const greetingMessage = (function () {
const fullName = `${firstName} ${lastName} `;
return `Hi! My name is ${fullName}`;
})();
'๐ฉ๐ปโ๐ป ํ๋ก๊ทธ๋๋ฐ ์ธ์ด > JavaScript' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
[Javascript] - this์ ๋ํด์ ์์๋ณด์ (0) | 2024.07.19 |
---|---|
[Javascript] - ํจ์ ์ค์ฝํ์ ๋ธ๋ก ์ค์ฝํ์ ์ฐจ์ด์ (0) | 2024.07.19 |
[Javascript] - ํจ์ ์ ์ธ์๊ณผ ํจ์ ํํ์์ ์ฐจ์ด์ (0) | 2024.07.19 |
[DOM ์ด๋ฒคํธ ๊ฐ๋ ] - ๋ฒ๋ธ๋ง๊ณผ ์บก์ณ๋ง (0) | 2024.07.17 |
[ํ๊ทธ ์ ํ์] getElement๊ณผ querySelector (0) | 2024.07.16 |