9cubed
ブログ | PHP | JavaScript | TypeScript | Vue.js | Laravel | Tailwind | Vite | Python | MariaDB | SQLite | Node.js | Linux | PowerShell | Docker | Git | Web | その他
< 前の記事

TypeScript - Type Guard

次の記事 >

TypeScript - シンボル

TypeScript

TypeScript - 文字列によるメソッド名の定義と呼び出し

公開日:2019-02-11
更新日:2019-05-14

1. 概要

文字列により、メソッド名の定義と呼び出しを行います。

2. サンプル

//文字列によるメソッド名の定義と呼び出し
class Test {
	test1()     { return 1; }
	
	"test2"()   { return 2; }
	
	["test3"]() { return 3; }
}

let obj = new Test();

console.log(obj.test1());    //1
console.log(obj["test1"]()); //1

console.log(obj.test2());    //2
console.log(obj["test2"]()); //2

//[文字列]で定義したメソッドは、実行はできるが、
//インテリセンス(入力支援)の候補に出てこない
console.log(obj.test3());    //3
console.log(obj["test3"]()); //3

//変数でメソッド名を指定することもできる
let methodName = "test1";
console.log(obj[methodName]()); //1


< 前の記事

TypeScript - Type Guard

次の記事 >

TypeScript - シンボル

YouTube X

新着一覧

  • async、awaitJavaScript
  • Promise についてJavaScript
  • パッケージの管理Node.js
  • v-model(双方向バインディング)Vue.js
  • VS Code で GitHub を使ったソース管理Git
  • computed(再計算)Vue.js
  • watchDebounced(値の監視)Vue.js
  • watch(値の監視)Vue.js
  • change イベントVue.js
  • v-memoVue.js

アーカイブ

  • 2026/03
  • 2026/02
  • 2026/01
  • 2025/12
  • 2025/11
  • 2025/10
  • 2025/09
  • 2025/08
  • /00

以前のカテゴリー一覧

  • CakePHP3
  • CentOS7
  • HTML・CSS・JavaScript
  • Haskell
  • JavaScript
  • Kotlin
  • Laravel5
  • PHP
  • Python
  • Ruby
  • RubyOnRails5
  • TypeScript
  • Vue.js
  • Webサーバ講座
  • Webプログラミング講座
  • jQuery
  • linux
  • パソコン講座
  • ブログ
  • プログラミング講座
  • メモ帳作成講座
  • 数学

Copyright © 9cubed. All Rights Reserved.

プライバシーポリシー 利用規約
▲