Javascript Uncaught TypeError object is not a function associativity question

Question

Code is as follows    lt body gt       lt a href  javascript    id  test  gt hello lt  a gt   lt  body gt    lt script type  text javascript  gt      document getElementById  test   addEventListener  click   function            test          false      function test           var postTypes   new Array  hello    there             function     alert  hello there               lt  script gt    This will throw an       Uncaught TypeError  object is not a function    If I wrap the anonymous function call invocation in another set of parentheses it will execute the alert  but still give me an error   If I put a semi-colon after the  var postTypes  definition then it will completely fine   I was led to believe that javascript does not require semi-colons  so I m making a guess that there is some weird associativity rules of function application that I am not fully understanding   Why am I getting this error

User · Accepted Answer

JavaScript does require semicolons  it s just that the interpreter will insert them for you on line breaks where possible    Unfortunately  the code  var a   new B args  stuff      does not result in a syntax error  so no   will be inserted   An example which can run is  var answer   new Function  x    return x   function   return 42         To avoid surprises like this  train yourself to always end a statement with         This is just a rule of thumb and not always true  The insertion rule is much more complicated  This blog page about semicolon insertion has more detail

User · Answer

I have this error when compiling and bundling TS with WebPack  It compiles export class AppRouterElement extends connect store  LitElement        into let Sr   class extends  Object wr connect   fn  vr          which seems wrong because of missing comma  When bundling with Rollup  no error

User · Answer

I got a similar error and it took me a while to realize that in my case I named the array variable payInvoices and the function also payInvoices  It confused AngularJs  Once I changed the name to processPayments   it finally worked  Just wanted to share this error and solution as it took me long time to figure this out

User · Answer

I was getting this same error and spent a day and a half trying to find a solution  Naomi s answer lead me to the solution I needed   My input  type button  had an attribute name that was identical to a function name that was being called by the onClick event  Once I changed the attribute name everything worked    lt input type  button  name  clearEmployer  onClick  clearEmployer     gt    changed to    lt input type  button  name  clearEmployerBtn  onClick  clearEmployer     gt

User · Answer

Try to have the function body before the function call in your JavaScript file

User · Answer

Your code experiences a case where the Automatic Semicolon Insertion  ASI  process doesn t happen   You should never rely on ASI  You should use semicolons to properly separate statements   var postTypes   new Array  hello    there        lt --- Place a semicolon here     function     alert  hello there           Your code was actually trying to invoke the array object

[javascript] Javascript "Uncaught TypeError: object is not a function" associativity question

Examples related to javascript