「JavaScript」の版間の差分

2024年9月27日 (金) 10:11時点における版

477418411X.09.MZZZZZZZ.jpg link

JavaScript

言語

モダンJavaScript

変数宣言

const : 再代入不可
let : 変数宣言、ブロックスコープ、同名変数監視
var : 変数宣言

リテラル表現

テンプレート文字列

文字列をバッククォートでくくる
途中の改行も可

 const name = 'Yagi';
 const message = `Hello. ${name}`;

アロー関数=

関数リテラルをより簡単にあらわす

(arg,・・・) => {statement}

以下の2つは意味的にはほぼ等価

function fun(arg) {
    return "x";
}

const fun = (arg) => {
    return "x"; 
}

関数本体が１文ならブロックを省略できる
式の値がそのまま戻り値となるのでreturnも省略できる

const fun = (arg) => "x";

引数が1つの場合、カッコも省略できる

const fun = arg = > "x";

引数がない場合、カッコは省略できない

const fun = () => "x";

オブジェクトリテラルの簡易構文

変数と同名のプロパティ

プロパティと変数名が等しい場合は、値の指定を省略できる

const name = 'yagi'
const age = 52;

const me = { name, age };

メソッドの簡易構文

メソッドも簡易に表せる。
greet : function() {} -> greet() {}

const person = {
    name : 'yagi',
    greet() {
        "Hello";
    }
}

プロパティ名の動的生成

リンク

Promiseベースのhttpクライアント（axios)

https://github.com/axios/axios

リファレンス

DHTML

入門

Tips

ウィンドウ操作

画面要素

画像

画像の切替

スタイル

文字列操作

シングルクォートのエスケープ
画面に入力された文字コードを調べる
ゼロサプレス正規表現
16進数文字コードを取得
文字化けの対処(URLエンコード)
[JavaScript UTF-8文字列のバイト数を得る [UTF-8文字列のバイト数を得る]
全角半角変換

正規表現

JavaScriptでの正規表現

配列

オブジェクト

トラブル

Ajax

その他

@@ 53行目: / 53行目: @@
 </pre>
 ===オブジェクトリテラルの簡易構文===
+====変数と同名のプロパティ====
+*プロパティと変数名が等しい場合は、値の指定を省略できる
+<pre>
+const name = 'yagi'
+const age = 52;
+const me = { name, age };
+</pre>
+====メソッドの簡易構文====
+*メソッドも簡易に表せる。
+*greet : function() {} -> greet() {}
+<pre>
+const person = {
+    name : 'yagi',
+    greet() {
+        "Hello";
+    }
+}
+</pre>
+====プロパティ名の動的生成====
 ==[[リンク]]==

MyMemoWiki

「JavaScript」の版間の差分

2024年9月27日 (金) 10:11時点における版

目次

モダンJavaScript

変数宣言

リテラル表現

テンプレート文字列

アロー関数=

オブジェクトリテラルの簡易構文

変数と同名のプロパティ

メソッドの簡易構文

プロパティ名の動的生成

Promiseベースのhttpクライアント（axios)

リファレンス

DHTML

入門

ウィンドウ操作

画面要素

画像

スタイル

文字列操作

配列

オブジェクト

トラブル

案内メニュー

検索