Javascript "Yakalanmamış TypeError: nesne bir işlev değil" ilişkilendirilebilirlik sorusu

Question 1

Kod aşağıdaki gibidir:

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

Bu bir:

"Yakalanmamış TypeError: nesne bir işlev değil"

Anonim işlev çağrısını / çağrıyı başka bir parantez kümesine sararsam, uyarıyı çalıştıracak, ancak yine de bana bir hata verecektir. "Var postTypes" tanımından sonra noktalı virgül koyarsam, o zaman tamamen düzelir.

Javascript'in noktalı virgül gerektirmediğine inanmaya yönlendirildim, bu yüzden tam olarak anlamadığım fonksiyon uygulamasının bazı tuhaf ilişkisellik kuralları olduğunu tahmin ediyorum. Neden bu hatayı alıyorum?

Question 2

JavaScript noktalı virgül gerektirir, sadece yorumlayıcı bunları sizin için mümkün olduğunda satır sonlarına ekler ^* .

Maalesef kod

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

yok değil bir sözdizimi hatasına neden, bu nedenle ;eklenecektir. (Çalıştırılabilecek bir örnek

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

Böyle sürprizlerden kaçınmak için kendinizi her zaman bir ifadeyi bitirecek şekilde eğitin ;.

^* Bu sadece pratik bir kuraldır ve her zaman doğru değildir. Ekleme kuralı çok daha karmaşıktır. Noktalı virgül ekleme ile ilgili bu blog sayfası daha fazla ayrıntıya sahiptir.

Question 3

Kodunuz, Otomatik Noktalı Virgül Ekleme (ASI) işleminin gerçekleşmediği bir durumla karşılaşır .

YSZ'ye asla güvenmemelisiniz. İfadeleri doğru şekilde ayırmak için noktalı virgül kullanmalısınız:

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

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

Kodunuz aslında dizi nesnesini çağırmaya çalışıyordu.

Question 4

Benzer bir hata aldım ve benim durumumda dizi değişkenini payInvoices olarak adlandırdığımı ve işlevin de payInvoices olduğunu fark etmem biraz zaman aldı. AngularJ'lerin kafasını karıştırdı. Adımı processPayments () olarak değiştirdikten sonra sonunda işe yaradı. Bunu anlamam uzun zaman aldığı için sadece bu hatayı ve çözümü paylaşmak istedim.

Question 5

JavaScript dosyanızdaki işlev çağrısından önce işlev gövdesine sahip olmaya çalışın.

Question 6

Aynı hatayı alıyordum ve bir buçuk gününü bir çözüm bulmaya çalışarak geçirdim. Naomi'nin cevabı beni ihtiyacım olan çözüme götürdü.

Girdiğim (type = button) name, onClick olayı tarafından çağrılan işlev adıyla aynı olan bir özniteliğe sahipti . Özniteliği değiştirdikten sonra nameher şey çalıştı.

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

şu şekilde değiştirildi:

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

Question 7

TS'yi WebPack ile derlerken ve paketlerken bu hatayı alıyorum. Bu derler export class AppRouterElement extends connect(store, LitElement){....}içine let Sr = class extends (Object(wr.connect) (fn, vr)) {....}nedeniyle virgül eksik yanlış görünüyor. Toplama ile gruplanırken hata yok.