JavaScriptをもう１回

こんにちは！サキナオコです！ ^o^
10月と思えない暑さです。

さて、VRプラットフォームのclusterでワールドを作っているのですが、スクリプトを使いたく、JavaScriptをもう１回学んでいきます。

ChatGPTにさんざん聞いたのですが、clusterとの兼ね合いもあり、全然できなかったんです。JSについてもっとちゃんとわかっている必要があると感じ、とりあえず基本をざっとやっていこうと思う次第です。ネットの情報でやっていきます。

はいでは早速。

VScodeで簡単なコードからはじめます。

HTMLファイルに一緒に書く場合は、head内でもbody内でも可。bodyの一番下が良いらしい。scriptタグ内に書く。でもHTML内だとごちゃごちゃするのでJSだけのファイルを作成する。

●document, window, consoleというのはHTML やブラウザーとやりとりするためのインタフェースでありオブジェクト(object)という機能。

• document HTMLドキュメント
• window  ブラウザのウィンドウ
• console ブラウザのコンソール

●document.write(‘Hello’)のようにobjectの後につくwriteはメソッド(method)
オブジェクトに対する操作の命令

●document.write(‘Hello World!!’);　のカッコ内は引数(argument)

●;セミコロンは終了の意

methodの形式
オブジェクト.メソッド(引数)
.(ドット)以降はメソッド()カッコは省略しない

●プロパティ(property)
ドット以降カッコがついていないもの

p要素.textContent = ‘Hello World!!’;

●=は代入(assignment)

●定数(constant variable)の宣言(declaration)
const はconstantの略
const height = 50; 　はheightという名前のラベルを設定します！と宣言
コンマで区切って並べて宣言も可
const height = 50, weight = 30;

●変数(variable)
let weight = 30;
ラベルを変数として定義した場合、ラベルの指す値を途中で変更することができる。
 代入(assignment)　値の変更
weight = 40;　で40に変更される

constは値の変更はできない
varは古い。letでいい。

命名規則
識別子(identifier)
1文字目は英字、2文字目から英、数、_オッケー
大文字と小文字は区別される
JSの予約語は使えない

ファイルの先頭に ‘use strict’;をつけると同じ名前で定義されていない場合エラー表示してくれる

—————————————————————

おお！と思ったVSCodeのナイスな技

●VSCodeでLiveServerを入れてChrhomで反映できる
●!＋tabでhtmlの基本テンプレートが表示される

—————————————————————

完全に初心者ですね。。悲。。