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

WBOY
リリース: 2022-03-31 19:02:47
オリジナル
1795 人が閲覧しました

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 サイトの他の関連記事を参照してください。

関連ラベル:
es6
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート