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

TypeScript - クラス - 抽象クラス

次の記事 >

TypeScript - Type Guard

TypeScript

TypeScript - クラス - 親メソッドの実行(super)

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

1. 概要

子クラスから親クラスのメソッドを実行する方法についてです。
親メソッドを実行するには、super.メソッド名() とします。
親コンストラクタを実行する場合は、super() とします。

2. サンプル

//親メソッドの実行
class Test {
	constructor() {
		console.log("Test.constructor");
	}
	
	public test(): void {
		console.log("Test.test()");
	}
}

class TestEx extends Test {
	constructor() {
		super(); //親のコンストラクタの実行
		console.log("TestEx.constructor");
	}

	public test(): void {
		super.test(); //親のtest() の実行
		console.log("TestEx.test()");
	}
}

const objEx: TestEx = new TestEx();
objEx.test();

Test.constructor
TestEx.constructor
Test.test()
TestEx.test()


< 前の記事

TypeScript - クラス - 抽象クラス

次の記事 >

TypeScript - Type Guard

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.

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