分類:[JavaScript]
JavaScriptでクラスを使いたくて、今勉強中なのですが、
以下のようなコードを書くと動作しません。
以下にjsとhtmlの内容を書きます。
(test.jsの内容)
const para_1 = 'TEST';
init();
function init() {
var cls = new ClsTest(para_1);
var elm = document.getElementById('test');
elm.innerText = cls.name;
}
class ClsTest {
constructor(name) {
this.name = name;
}
}
(test.htmの内容)
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<script src="test.js" defer></script>
</head>
<body>
<div>
<span id="test"></dpan>
</div>
</body>
</html>
どうも、init()内のクラスをnewしている所で止まってしまうようです。
ちなみに、<body>のonloadでinit()を呼び出せば、期待通りに動きました。
もしかして、クラスをnewする場所が悪いのでしょうか？
動作確認はWindows10上のChromeで行いました。
宜しくお願いします。
|