javascriptの備忘録 2020.6.8

久々にがっつり触ったが忘れそうなのでメモ

###IE互換
いまだにIEサポートしないといけないシステムもある。(LAN環境ならいいのか)
構文きっちりしないとスクリプトエラー
関数引数の最後の,とかあると動かない。

ダメだった例

function sum(a,b,)

##最近のJS
###オブジェクトが便利

let person = {
/* ほぼなんでも詰め込める */
};

###配列も便利

let tags = [];

###varとletの違い
letの方が変数汚染しないからこちら推奨。

###アロー演算子に注意(IEは×)

const funcA = (a,c) => {
}

###テンプレート文字列（IEは×）
デバッグログにも便利。
フォーマット識別子や条件分？も使える模様。

const test = 'Hello';
const who = 'Sato';
console.log(`${test}, ${who} san.`);
/* Hello, Sato san.と表示される */

###HTML要素へのアクセス

/* メモリ上に作成 */
const div = document.createElement('div');

/* id名で指定 */
const localVideo = document.getElementById('my_video');
localVideo.display = "none";

/* class名で指定 */
/* クラスの場合はCollectionクラスが変えるので[0]とかforEachで各要素で操作する */
const remoteVideos = document.getElementsByClassName('other_video');
remoteVideos[0].display = "";

###async/awaitが便利（IEは×）

###jqueryは今だに健在。
なくしたいけど、これからも共存する方向かな。

###input type="radio/checkbox"の設定取得