「JavaScript」の版間の差分
ナビゲーションに移動
検索に移動
(→言語) |
(→リテラル表現) |
||
13行目: | 13行目: | ||
===リテラル表現=== | ===リテラル表現=== | ||
+ | ====テンプレート文字列==== | ||
+ | *文字列をバッククォートでくくる | ||
+ | *途中の改行も可 | ||
+ | <pre> | ||
+ | const name = 'Yagi'; | ||
+ | const message = `Hello. ${name}`; | ||
+ | </pre> | ||
+ | |||
+ | ===アロー関数==== | ||
+ | *関数リテラルをより簡単にあらわす | ||
+ | <pre> | ||
+ | (arg,・・・) => {statement} | ||
+ | </pre> | ||
+ | |||
+ | *以下の2つは意味的にはほぼ等価 | ||
+ | <pre> | ||
+ | function fun(arg) { | ||
+ | return "x"; | ||
+ | } | ||
+ | |||
+ | const fun = (arg) => { | ||
+ | return "x"; | ||
+ | } | ||
+ | </pre> | ||
+ | |||
+ | *関数本体が1文ならブロックを省略できる | ||
+ | *式の値がそのまま戻り値となるのでreturnも省略できる | ||
+ | <pre> | ||
+ | const fun = (arg) => "x"; | ||
+ | </pre> | ||
+ | *引数が1つの場合、カッコも省略できる | ||
+ | <pre> | ||
+ | const fun = arg = > "x"; | ||
+ | </pre> | ||
+ | |||
+ | *引数がない場合、カッコは省略できない | ||
+ | <pre> | ||
+ | const fun = () => "x"; | ||
+ | </pre> | ||
+ | ===オブジェクトリテラルの簡易構文=== | ||
==[[リンク]]== | ==[[リンク]]== |
2024年9月27日 (金) 10:08時点における版
| Node.js | TypeScript | Angular | AngularJS | React | Dojo | DOM | jQuery | prototype.js | 初めて |
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"; }
- 関数本体が1文ならブロックを省略できる
- 式の値がそのまま戻り値となるのでreturnも省略できる
const fun = (arg) => "x";
- 引数が1つの場合、カッコも省略できる
const fun = arg = > "x";
- 引数がない場合、カッコは省略できない
const fun = () => "x";
オブジェクトリテラルの簡易構文
リンク
Promiseベースのhttpクライアント(axios)
リファレンス
DHTML
入門
初めてのJavaScript
JavaScript メモ
DOM
jQuery
Tips
ウィンドウ操作
- ブラウザのタイトルを変更する
- showModalDialog で開いたダイアログの画面遷移
- 画面が閉じられる時にメッセージを表示する
- 自動的にリダイレクトする
- Windowのクライアント領域のサイズを取得
- Windowが未だ開いているか
- 確認ダイアログなしでWindowを閉じる
- デスクトップ領域のサイズを取得
画面要素
- 行列を固定したテーブル
- 動的にコントロールを扱うとき
- オブジェクトのメンバーを列挙
- F5 キー押下を無効にする
- イベントハンドラのアタッチ
- TABLEに行を追加
- テキストエリアの内容をクリップボードにコピー
- SELECT BOX の OnChange をキャンセルする
画像
スタイル
文字列操作
- シングルクォートのエスケープ
- 画面に入力された文字コードを調べる
- ゼロサプレス 正規表現
- 16進数文字コードを取得
- 文字化けの対処(URLエンコード)
- [JavaScript UTF-8文字列のバイト数を得る [UTF-8文字列のバイト数を得る]
- 全角半角変換
正規表現
配列
オブジェクト
トラブル
- 開放されたスクリプトからコードを実行できません
- IE6 のdocument.body.clientHeightの挙動がおかしい
- IE Input type=file でsubmitできない
- ブラウザ用デバッグツール
Ajax
その他
© 2006 矢木浩人