Pertanyaan asosiatif “Tidak Tertangkap TypeError: objek bukan fungsi” Javascript

Question 1

Kode adalah sebagai berikut:

<body>
    <a href="javascript:;" id="test">hello</a>
</body>

<script type="text/javascript">
    document.getElementById("test").addEventListener("click", function () {
      test()
    }, false)
    function test() {
      var postTypes = new Array('hello', 'there')   
      (function() { alert('hello there') })()
    }
</script>

Ini akan melempar:

"Tidak Tertangkap TypeError: objek bukan fungsi"

Jika saya membungkus pemanggilan / pemanggilan fungsi anonim dalam kumpulan tanda kurung lain, itu akan menjalankan peringatan, tetapi masih memberi saya kesalahan. Jika saya meletakkan titik koma setelah definisi "var postTypes" maka itu akan baik-baik saja.

Saya dituntun untuk percaya bahwa javascript tidak memerlukan titik koma, jadi saya menebak bahwa ada beberapa aturan asosiasi aneh dari aplikasi fungsi yang saya tidak sepenuhnya mengerti. Mengapa saya mendapatkan kesalahan ini?

Question 2

JavaScript memang membutuhkan titik koma, hanya saja penerjemah akan memasukkannya untuk Anda pada jeda baris jika memungkinkan ^* .

Sayangnya, kodenya

var a = new B(args)(stuff)()

tidak tidak menghasilkan kesalahan sintaks, sehingga tidak ada ;akan dimasukkan. (Contoh yang bisa dijalankan adalah

var answer = new Function("x", "return x")(function(){return 42;})();

Untuk menghindari kejutan seperti ini, latih diri Anda untuk selalu mengakhiri pernyataan dengan ;.

^* Ini hanyalah aturan praktis dan tidak selalu benar. Aturan penyisipan jauh lebih rumit. Ini halaman blog tentang penyisipan titik koma memiliki lebih rinci.

Question 3

Kode Anda mengalami kasus di mana proses Penyisipan Titik Koma Otomatis (ASI) tidak terjadi.

Anda tidak boleh mengandalkan ASI. Anda harus menggunakan titik koma untuk memisahkan pernyataan dengan benar:

var postTypes = new Array('hello', 'there'); // <--- Place a semicolon here!!

(function() { alert('hello there') })();

Kode Anda sebenarnya mencoba memanggil objek array.

Question 4

Saya mendapat kesalahan serupa dan butuh beberapa saat untuk menyadari bahwa dalam kasus saya, saya menamai variabel array payInvoices dan fungsinya juga payInvoices. Itu membingungkan AngularJs. Setelah saya mengubah nama menjadi processPayments () akhirnya berhasil. Hanya ingin membagikan kesalahan dan solusi ini karena saya butuh waktu lama untuk mengetahuinya.

Question 5

Cobalah untuk memiliki badan fungsi sebelum pemanggilan fungsi dalam file JavaScript Anda.

Question 6

Saya mendapatkan kesalahan yang sama dan menghabiskan satu setengah hari mencoba menemukan solusi. Jawaban Naomi menuntun saya pada solusi yang saya butuhkan.

Masukan saya (type = button) memiliki atribut nameyang identik dengan nama fungsi yang dipanggil oleh acara onClick. Setelah saya mengubah atribut namesemuanya bekerja.

<input type="button" name="clearEmployer" onClick="clearEmployer();">

diubah menjadi:

<input type="button" name="clearEmployerBtn" onClick="clearEmployer();">

Question 7

Saya mengalami kesalahan ini saat menyusun dan memaketkan TS dengan WebPack. Ini mengkompilasi export class AppRouterElement extends connect(store, LitElement){....}menjadi let Sr = class extends (Object(wr.connect) (fn, vr)) {....}yang tampaknya salah karena hilang koma. Saat memaketkan dengan Rollup, tidak ada kesalahan.