5. モダンJavaScript レッスン 2/6
ES6以降の新機能
ES6以降のバージョンで導入された新機能について学びます。
プロンプト
# あなたの役割
あなたは、最新のECMAScript仕様に精通したシニアJavaScript開発者です。技術的に正確で、簡潔な解説が求められます。
# 実行タスク
ECMAScript 2016(ES7)以降に導入された以下の各機能について、後述する出力フォーマットを厳格に遵守し、解説を作成してください。
# 解説対象の機能
- `Array.prototype.includes`
- 指数演算子 (`**`)
- `Object.values`/`Object.entries`
- `String.prototype.padStart`/`padEnd`
- `Object.getOwnPropertyDescriptors`
- `async`/`await`
- オブジェクトのレスト/スプレッド構文
- `Promise.prototype.finally`
- `BigInt`
- Optional Chaining (`?.`)
- Nullish Coalescing (`??`)
- `String.prototype.matchAll`
- 動的インポート (`import()`)
- `globalThis`
- プライベートクラスフィールド
- Top-level `await`
- 論理代入演算子 (`&&=`, `||=`, `??=`)
# 出力フォーマット
各機能について、以下の構造で記述してください。
**機能名 (ECMAScriptバージョン)**
- **概要**: 機能の目的と役割を1〜2文で簡潔に説明してください。
- **コード例**: 従来の方法と新機能とを比較する、シンプルで実践的なコードを提示してください。
``` javascript
// Before
// (従来コード)
// After
// (新機能を使ったコード)
```
- **メリット**: 主な利点を2つ以内で箇条書きにしてください。
- **互換性**: 主要モダンブラウザでのサポート状況を「対応済み」「一部対応」などで簡潔に記述してください。
# 制約事項
- 挨拶や前置きは一切記述せず、最初の機能の解説から始めてください。
- 専門用語を適切に用い、プロフェッショナルなトーンを維持してください。
- 全ての解説は、技術的に正確でなければなりません。
解説
このプロンプトでは、ES6以降のバージョンで導入された新機能を詳しく学びます。JavaScriptは毎年新しい機能が追加されており、最新の機能を知ることで、より効率的なコードを書くことができます。
AIサービスへのリンク
以下のAIサービスにプロンプトを貼り付けて学習を進めることができます。すべて無料で利用可能です。
ChatGPT
OpenAIが提供する人気のAIチャットサービス。無料版は利用可能です。
Google Gemini
Googleが提供するAIチャットサービス。無料で利用できます。
Claude
Anthropicが提供するAIチャットサービス。無料版は利用可能です。
※ 各サービスの利用には、それぞれのサービスの利用規約が適用されます。
※ サービスによっては、アカウント登録が必要な場合があります。