JS์์ ์ค์ฝํ ๊ด๋ฆฌ
์๋์ A.js ์ฝ๋๊ฐ ์์ต๋๋ค.
A.js
function sayHello() {
console.log("hello");
}
..Hello ์ฝ์์ ์ถ๋ ฅํ๋ sayHello๋ผ๋ ํจ์๊ฐ ์์ต๋๋ค.
๊ทผ๋ฐ ๋ง์ฝ ์๋์ B.js ๋ผ๋ ํ์ผ์ด ์ถ๊ฐ๊ฐ ๋๋ฉด ์ด๋ป๊ฒ ๋ ๊น์?
B.js
function sayHello() {
console.log("bye");
}HTML ์คํฌ๋ฆฝํธ์ ์ด๋ ๊ฒ ์ ์ธ์ด ๋์ด์๋ค๋ฉด?
...
<html>
<body>
<!-- ...์๋ต -->
<script src="/js/A.js"></script>
<script src="/js/B.js"></script>
</body>
</html>๋ง์ฝ ์ด๋ฐ์์ผ๋ก ๋ถ๋ฌ์ค๊ฒ ๋๋ค๋ฉด, sayHello()๋ ์ด๋ค ๊ฐ์ ์ถ๋ ฅํ๊ฒ ๋ ๊น์?
๋ธ๋ผ์ฐ์ ์ ์ค์ฝํ๋ ๊ณต์ฉ ๊ณต๊ฐ์ผ๋ก ์ฐ์ด๊ธฐ ๋๋ฌธ์ ๋ง์ง๋ง์ ๋ก๋ฉ๋ B.js์ ์๋ sayHello ํจ์๊ฐ A.js์ sayHello ํจ์๋ฅผ ๋ฎ์ด์ฐ๊ฒ ๋ฉ๋๋ค.
๊ทธ๋์ ๊ฒฐ๊ตญ์ "bye"๊ฐ ์ถ๋ ฅ์ด ๋๋ ๊ฒ์ด์ฃ .
๊ทธ๋ ๊ธฐ ๋๋ฌธ์ ํจ์๋ฅผ ์ ์ธํ ๋์๋ ์ด๋ฐ ๋ถ์์ฌ๊ฐ ์๊ธฐ์ง ์๋๋ก ํ๋ฒ ๊ฐ์ธ์ฃผ๋ ๊ฒ ์ ๋๋ค.
ํ๋ฒ ๊ฐ์ธ์ ์ ์ธ
A.js
var A_fun = {
sayHello: function() {
console.log("hello");
};
}B.js
var B_fun = {
sayHello: function() {
console.log("bye");
};
}์ด๋ฐ์์ผ๋ก ๋ณ๊ฒฝํ๋ฉด ํ์ชฝ์ด ๋ฎ์ด์์ด์ง๊ฑฐ๋ ํ๋ ๋ฌธ์ ๊ฐ ๋ฐ์ํ์ง ์๊ฒ ์ฃ ?
