BrainCopy: Java Script

Abstract#

JavaScriptについての備忘録。比較的最近よく使うプログラミング言語です。callbackな感覚を身につけないと、なかなかしっくりこない。精進します。ちなみにJavaとは、全然違います。

興味あります。いろいろアプローチがありそうですが、私はCode Connectionというツールを使うと、Makecodeという選択肢があり、そこを選ぶとJavaScriptをグラフィカルに作れる環境がでてきます。いろいろ調べたいと思います。

[8]を参考にしました。

<input type="number" name="sample" id="sample1"/>
<input type="tel" name="sample" id="sample2"/>

Javascriptでは配列を私はよく使います。配列に結構機能がついていて、最初は慣れないけど、なれると結構便利です。foreachとかsomeとかこのあたりは反復メソッドと呼ぶようですが[6]、このメソッドの引数は関数Functionです。なのでよくこんな形になります。

an_array.foreach(function(element, index, array){
    ***;
    return;
});

functionの引数のelementはan_arrayのindex番目の要素です。なので、element と　array[index]は同じはず。。。でもarrayって使ったことない。

追加するときはpush()をすると末尾に追加されます。pop()すると末尾が削除されます。インデックスを指定して直接の代入はできませんでした。

関数の引数にある変数をいれて、関数内でその値を変更したい場合、引き渡し方によっては、関数の中でしかアップデートできず、意図と違う動きをする。参照元を渡すのか、値だけをコピーして渡すのかの違いと理解[7]。説明方法としてあっているのかな。。。

どうもローカルでの開発には限界があるっぽい[1]。ローカルでHTTPサーバを動かしてつくるのが早いような。VS CODEでできないかな。LiveServer[3]というVisual Studio Codeのプラグインを使ってみる。

OSM Pluginにも使っているこのOpenLayers。すばらしいJavaScriptライブラリです。

OpenLayersのIconのサンプル[4]を見るとimportが使われている。importを使うには、type="module"を指定する[2]をあるが、HTMLからJavaScriptを呼び出すときにその指定をやるのかな。Script タブのTypeをModuleにしてみたら、動かなくなった。ここ[5]に従い、olパッケージのインストールをしてみたが、だめだった。type="text/javascript"に戻すことにしたが、いつか使えるようにしたい。