ホームページ > 記事 > ウェブフロントエンド > es6のアロー機能が使えないのはどこですか？
es6のアロー機能が使えないのはどこですか？
- WBOYオリジナル
- 2022-03-31 19:02:471794ブラウズ
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 ではごく普通に見えるいくつかの操作を実行します。これらの欠点を考慮して、アロー関数を使用すべきではない状況を以下にまとめます。
オブジェクトに関数を定義
プロトタイプに関数を定義
動的コールバック関数コンテキスト内
#コンストラクター内
- ##関数が短すぎる (判読不能)
JavaScript ビデオ チュートリアル 、Web フロントエンド ]
以上がes6のアロー機能が使えないのはどこですか？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。