Di manakah fungsi anak panah es6 tidak boleh digunakan?-Soal Jawab bahagian hadapan-php.cn

Di manakah fungsi anak panah es6 tidak boleh digunakan?

WBOY

Lepaskan： 2022-03-31 19:02:47

asal

1779 orang telah melayarinya

Dalam es6, fungsi anak panah tidak boleh digunakan dalam pengiraan kerana titik ini bagi fungsi anak panah adalah berdasarkan konteks, dan titik ini fungsi anak panah dalam pengiraan akan menghala ke tetingkap, data tidak boleh muncul, jadi ia tidak boleh digunakan dalam pengiraan Gunakan fungsi anak panah di sini.

Di manakah fungsi anak panah es6 tidak boleh digunakan?

Persekitaran pengendalian tutorial ini: sistem Windows 10, ECMAScript versi 6.0, komputer Dell G3.

Di manakah fungsi anak panah es6 tidak boleh digunakan

Fungsi anak panah ini adalah berdasarkan konteks Gunakan fungsi anak panah dalam dikira. ini akan menunjuk ke tetingkap dan data Tidak dapat muncul.

Contohnya seperti berikut:

<!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>

Salin selepas log masuk

Meluaskan pengetahuan:

Fungsi anak panah mempunyai kemudahan dan kelebihannya, tetapi ia juga mempunyai kelemahan . Kelebihannya ialah kod itu ringkas dan ini ditakrifkan terlebih dahulu, tetapi kekurangannya juga sama Sebagai contoh, kod itu terlalu ringkas, menjadikannya sukar dibaca, dan ini ditakrifkan terlebih dahulu, menjadikannya mustahil gunakan js untuk melaksanakan beberapa operasi yang kelihatan sangat normal dalam es5. Memandangkan kekurangan ini, izinkan saya meringkaskan di bawah keadaan di mana fungsi anak panah tidak boleh digunakan.

Tentukan fungsi pada objek
Tentukan fungsi pada prototaip
Fungsi Panggilan Balik Dinamik dalam konteks
Pembina
Fungsi terlalu pendek (tidak dapat difahami)

Tidak dinafikan bahawa fungsi anak panah membawa banyak kemudahan. Penggunaan fungsi anak panah yang betul membolehkan kami mengelak daripada menggunakan fungsi .bind() awal atau di mana konteks tetap diperlukan dan menjadikan kod lebih ringkas.

Fungsi anak panah juga mempunyai beberapa kesulitan. Kami tidak boleh menggunakan fungsi anak panah yang memerlukan konteks dinamik: mentakrifkan fungsi yang memerlukan konteks dinamik, pembina, fungsi panggil balik yang memerlukan objek ini sebagai sasaran dan pernyataan yang sukar difahami dengan fungsi anak panah. Dalam kes lain, jangan ragu untuk menggunakan fungsi anak panah.

[Cadangan berkaitan: tutorial video javascript, bahagian hadapan web]

Atas ialah kandungan terperinci Di manakah fungsi anak panah es6 tidak boleh digunakan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!