2025. 8. 19. 16:56ใFront-end/JavaScript

๋ชฉ์ฐจ
1. ๋ฉ์๋๋?
2. ๋ฉ์๋์ this
1. ๋ฉ์๋๋?
๊ฐ์ฒด์ ํ๋กํผํฐ๋ก ํ ๋น๋ ํจ์์ด๋ค.
ํจ์ ์์ฒด๋ ๋ ๋ฆฝ์ ์ธ ๊ธฐ๋ฅ ๋จ์์ด๋, ๊ฐ์ฒด์ ์์ฑ์ผ๋ก ํฌํจ๋ ๋ ๋ฉ์๋๋ผ๊ณ ๋ถ๋ฅธ๋ค.
// user ๊ฐ์ฒด ์์ฑ ํ ๋ฉ์๋๋ฅผ ์ถ๊ฐ
let user = {
name: "John",
age: 30
};
user.sayHi = function() {
alert("Hi");
};
user.sayHi(); // Hi
// ๊ฐ์ฒด ๋ฆฌํฐ๋ด ์์ ๋ฉ์๋๋ฅผ ์ ์ธ(๊ทธ๋ฅ๋ฒ์ &๋จ์ถ๋ฒ์ )
user = {
sayHi: function() {
alert("Hi");
}
};
user2 = {
sayHi() {
alert("Hi");
};
};
2. ๋ฉ์๋์ this
๋ฉ์๋๋ ๊ฐ์ฒด์ ๋ด์ฅ๋ ์ ๋ณด์ ์ ๊ทผ์ ํ ์ ์์ด์ผ๋๋ค.
๋๋ถ๋ถ์ ๋ฉ์๋๋ ๊ฐ์ฒด ํ๋กํผํฐ์ ๊ฐ์ ํ์ฉํ๋ค.
๋งค์๋ ๋ด๋ถ์์ this ํค์๋๋ฅผ ์ฌ์ฉํ๋ฉด ๊ฐ์ฒด์ ์ ๊ทผํ ์ ์๋ค.
let user = {
name: "John",
age: 30,
sayHi() {
alert(this.name);
}
};
user.sayHi(); // John
this์ ๊ดํ ์์ธํ ๋ด์ฉ์ ์ฌ๊ธฐ์ ์๋ค.
ํจ์์ this ํค์๋
Basic 10 : ํจ์์ this ํค์๋
๋ชฉ์ฐจ1. this ํค์๋๋?2. ํจ์ ๋จ์ ํธ์ถ์์์ this3. ๋ฉ์๋ ํธ์ถ์์์ this4. ์์ฑ์ ํธ์ถ์์์ this5. ํ์ดํ ํจ์์์์ this1. this ํค์๋๋?ํ์ฌ ์คํ ์ค์ธ ๋ฌธ๋งฅ(context)๋ฅผ ์ฐธ์กฐํ๋ ํค์๋์ด๋ค.
ldd6cr-adness.tistory.com
์ฐธ๊ณ
'Front-end > JavaScript' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
| B17 : ์ฌ๋ณผ(Symbol) ํ์ (0) | 2025.08.20 |
|---|---|
| B16 : ์์ฑ์ ํจ์์ new ์ฐ์ฐ์ (0) | 2025.08.19 |
| B14 : ๊ฐ๋น์ง ์ปฌ๋ ์ (Garbage Collection) (1) | 2025.08.19 |
| B15 : ๊ฐ์ฒด to ์์ ํ์ ๋ณํ (0) | 2025.08.19 |
| B14 : ๊ฐ์ฒด์ ๋ณต์ฌ (0) | 2025.08.19 |
GitHub