es6のアロー機能が使えないのはどこですか？-フロントエンドQ&A-php.cn

es6のアロー機能が使えないのはどこですか？

WBOY

リリース： 2022-03-31 19:02:47

オリジナル

1782 人が閲覧しました

es6 では、アロー関数は計算で使用できません。アロー関数のこの点はコンテキストに基づいており、計算でのアロー関数のこの点はウィンドウ、データを指すためです。は表示できないため、計算では使用できません。ここではアロー関数を使用します。

es6のアロー機能が使えないのはどこですか？

このチュートリアルの動作環境: Windows 10 システム、ECMAScript バージョン 6.0、Dell G3 コンピューター。

es6 アロー関数が使えない場所はどこですか?

アロー関数のこれはコンテキストに基づいています。計算でアロー関数を使用します。該当するコンテンツが見つからないため、これはウィンドウとデータを指します。表示できません。

例は次のとおりです:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>计算缓存</title>
<script src="js/vue.js"></script>
</head>
<body>
<div id="app">
<p>{{name}}</p>
</div>
<script>
new Vue({
el:"#app",
data:{
   firstName:"Zheng",
   lastName:"yifeng"
},
// 计算属性不能用箭头函数,箭头函数的this会指向window
computed:{
name(){
return this.firstName+this.lastName
}
//this => window
// name:()=>console.log(this)
        }
})
</script>
</body>
</html>

ログイン後にコピー

知識の拡大:

アロー関数には便利さと利点がありますが、欠点や欠点もあります。メリットコードが簡潔で事前に定義されているが、欠点も同様で、例えばコードが簡潔すぎて読みにくい、事前に定義されているためjsを使って実行できないes5 ではごく普通に見えるいくつかの操作を実行します。これらの欠点を考慮して、アロー関数を使用すべきではない状況を以下にまとめます。

オブジェクトに関数を定義
プロトタイプに関数を定義
動的コールバック関数コンテキスト内
#コンストラクター内
##関数が短すぎる (判読不能)

アロー関数が多くの利便性をもたらすことは疑いの余地がありません。アロー関数を適切に使用すると、初期の .bind() 関数の使用や固定コンテキストが必要な場合の使用を回避でき、コードがより簡潔になります。

アロー関数にもいくつか不便な点があります。動的コンテキストが必要な場合にはアロー関数を使用できません。つまり、動的コンテキストを必要とする関数、コンストラクター、ターゲットとしてこのオブジェクトを必要とするコールバック関数、およびアロー関数で理解するのが難しいステートメントを定義する場合です。それ以外の場合は、アロー関数を自由に使用してください。

【関連する推奨事項:

JavaScript ビデオチュートリアル、Web フロントエンド ]

以上がes6のアロー機能が使えないのはどこですか？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。