From 0a62538a112c551b7507a9cb5125ba67f53a7a16 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Sat, 19 Feb 2022 00:56:21 +0900 Subject: 2021/07/21 時点の英語版に同期 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../javascript/reference/operators/super/index.md | 108 ++++++++++----------- 1 file changed, 49 insertions(+), 59 deletions(-) diff --git a/files/ja/web/javascript/reference/operators/super/index.md b/files/ja/web/javascript/reference/operators/super/index.md index f4787e8d5f..4be58d9586 100644 --- a/files/ja/web/javascript/reference/operators/super/index.md +++ b/files/ja/web/javascript/reference/operators/super/index.md @@ -2,37 +2,40 @@ title: super slug: Web/JavaScript/Reference/Operators/super tags: - - Classes + - クラス - ECMAScript 2015 - JavaScript - - Language feature - - Left-hand-side expressions - - Operator + - 言語機能 + - 左辺式 + - 演算子 +browser-compat: javascript.operators.super translation_of: Web/JavaScript/Reference/Operators/super --- -
{{jsSidebar("Operators")}}
+{{jsSidebar("Operators")}} -

super キーワードは、オブジェクトの親の関数を呼び出すために使用できます。

+**super** キーワードは、オブジェクトの親の関数を呼び出すために使用できます。 -

super.prop および super[expr] 式は、class と オブジェクトリテラル の両方におけるあらゆるメソッド定義で有効です。

+`super.prop` および `super[expr]` 式は、[class](/ja/docs/Web/JavaScript/Reference/Classes) と[オブジェクトリテラル](/ja/docs/Web/JavaScript/Reference/Operators/Object_initializer)の両方におけるあらゆる[メソッド定義](/ja/docs/Web/JavaScript/Reference/Functions/Method_definitions)で有効です。 -

構文

+## 構文 -
super([arguments]); // 親コンストラクターを呼び出します。
+```js
+super([arguments]); // 親コンストラクターを呼び出します。
 super.functionOnParent([arguments]);
-
+``` -

解説

+## 解説 -

コンストラクターで使用する場合、super キーワードを単独で置き、this キーワードが使われる前に使用する必要があります。super キーワードは、親オブジェクトの関数を呼び出すためにも使用できます。

+コンストラクターで使用する場合、`super` キーワードを単独で置き、`this` キーワードが使われる前に使用する必要があります。`super` キーワードは、親オブジェクトの関数を呼び出すためにも使用できます。 -

例

+## 例 -

クラス内での super の使用

+### クラス内での `super` の使用 -

このコードスニペットは、classes sample (実際のデモ) からとっています。super() を利用することで、Rectangle と Square のコンストラクターに共通する処理を重複して記述しないようにしています。

+このコードスニペットは、[クラスの例](https://github.com/GoogleChrome/samples/blob/gh-pages/classes-es6/index.html) ([ライブデモ](https://googlechrome.github.io/samples/classes-es6/index.html)) からとっています。`super()` を利用することで、`Rectangle` と `Square` のコンストラクターに共通する処理を重複して記述しないようにしています。 -
class Rectangle {
+```js
+class Rectangle {
   constructor(height, width) {
     this.name = 'Rectangle';
     this.height = height;
@@ -45,7 +48,7 @@ super.functionOnParent([arguments]);
     return this.height * this.width;
   }
   set area(value) {
-    this.height = this.width = Math.sqrt(value);
+    this._area = value;
   }
 }
 
@@ -61,50 +64,51 @@ class Square extends Rectangle {
     // でないと reference error になります。
     this.name = 'Square';
   }
-}
+} +``` -

静的メソッドでの super の呼び出し

+### 静的メソッドでの super の呼び出し -

static メソッドでも super を呼び出すことができます。

+[static](/ja/docs/Web/JavaScript/Reference/Classes/static) メソッドでも super を呼び出すことができます。 -
class Rectangle {
-  constructor() {}
+```js
+class Rectangle {
   static logNbSides() {
     return 'I have 4 sides';
   }
 }
 
 class Square extends Rectangle {
-  constructor() {}
   static logDescription() {
     return super.logNbSides() + ' which are all equal';
   }
 }
 Square.logDescription(); // 'I have 4 sides which are all equal'
-
+``` -

super プロパティの削除でエラーが発生

+### super プロパティを削除するとエラーが発生する -

親クラスのプロパティを削除するために、delete 演算子 や super.prop、super[expr] を使うことはできません。{{jsxref("ReferenceError")}} がスローされます。

+親クラスのプロパティを削除するために、[delete 演算子](/ja/docs/Web/JavaScript/Reference/Operators/delete) や `super.prop`、`super[expr]` を使うことはできません。{{jsxref("ReferenceError")}} がスローされます。 -
class Base {
-  constructor() {}
+```js
+class Base {
   foo() {}
 }
 class Derived extends Base {
-  constructor() {}
   delete() {
     delete super.foo; // this is bad
   }
 }
 
-new Derived().delete(); // ReferenceError: invalid delete involving 'super'.
+new Derived().delete(); // ReferenceError: invalid delete involving 'super'. +``` -

super.prop は書き込み不可能なプロパティを上書きできない

+### `super.prop` は書き込み不可能なプロパティを上書きできない -

{{jsxref("Object.defineProperty")}} などで書き込み不可プロパティを定義した場合、super はプロパティの値を上書きできません。

+{{jsxref("Object.defineProperty")}} などで書き込み不可プロパティを定義した場合、`super` はプロパティの値を上書きできません。 -
class X {
+```js
+class X {
   constructor() {
     Object.defineProperty(this, 'prop', {
       configurable: true,
@@ -126,13 +130,14 @@ class Y extends X {
 var y = new Y();
 y.foo(); // TypeError: "prop" は読み取り専用
 console.log(y.prop); // 1
-
+``` -

オブジェクトリテラル内での super.prop の使用

+### オブジェクトリテラル内での `super.prop` の使用 -

super は object initializer / literal 記法内でも使用できます。この例では、二つのオブジェクトがメソッドを定義しています。二つ目のオブジェクトの中で、super が最初のオブジェクトのメソッドを呼び出しています。これは {{jsxref("Object.setPrototypeOf()")}} の助けで動作し、これは obj2 のプロトタイプを obj1 に設定するので、super は method1 を obj1 上で見つけることができます。

+super は[オブジェクト初期化子 / リテラル](/ja/docs/Web/JavaScript/Reference/Operators/Object_initializer)記法内でも使用できます。この例では、 2 つのオブジェクトがメソッドを定義しています。 2 つ目のオブジェクトの中で、`super` が最初のオブジェクトのメソッドを呼び出しています。これは {{jsxref("Object.setPrototypeOf()")}} の助けで動作し、これは `obj2` のプロトタイプを `obj1` に設定するので、`super` は `method1` を `obj1` 上で見つけることができます。 -
var obj1 = {
+```js
+var obj1 = {
   method1() {
     console.log('method 1');
   }
@@ -146,31 +151,16 @@ var obj2 = {
 
 Object.setPrototypeOf(obj2, obj1);
 obj2.method2(); // logs "method 1"
-
- -

仕様

- - - - - - - - - - - - -
仕様書
{{SpecName('ESDraft', '#sec-super-keyword', 'super')}}
+``` -

ブラウザー実装状況

+## 仕様書 +{{Specifications}} +## ブラウザーの互換性 -

{{Compat("javascript.operators.super")}}

+{{Compat}} -

関連情報

+## 関連情報 - +- [クラス](/ja/docs/Web/JavaScript/Reference/Classes) -- cgit v1.2.3-54-g00ecf