Питання про асоціативність Javascript “Uncaught TypeError: object is not a function”

Question 1

Код такий:

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

Це призведе до:

"Uncaught TypeError: об'єкт не є функцією"

Якщо я оберну анонімний виклик / виклик функції в інший набір дужок, він виконає попередження, але все одно видасть мені помилку. Якщо я поставив крапку з комою після визначення "var postTypes", то це буде повністю нормально.

Мене переконали, що для JavaScript не потрібні крапки з комою, тому я здогадуюсь, що існують якісь дивні правила асоціативності застосування функцій, яких я не до кінця розумію. Чому я отримую цю помилку?

Question 2

JavaScript вимагає крапки з комою, просто інтерпретатор вставляє їх для вас при розривах рядків, де це можливо ^* .

На жаль, код

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

не чинить , НЕ призводить до синтаксичну помилку, так що НЕ ;буде вставлено. (Прикладом, який можна запустити, є

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

Щоб уникнути подібних сюрпризів, навчіть себе завжди закінчувати висловлювання ;.

^* Це просто емпіричне правило і не завжди відповідає дійсності. Правило вставки набагато складніше. Ця сторінка блогу про вставку крапки з комою містить більше деталей.

Question 3

Ваш код переживає випадок, коли процес автоматичного введення крапки з комою (ASI) не відбувається.

Ніколи не слід покладатися на ASI. Ви повинні використовувати крапки з комою, щоб правильно відокремити твердження:

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

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

Ваш код насправді намагався викликати об’єкт масиву.

Question 4

Я отримав подібну помилку, і мені зайняв деякий час, щоб зрозуміти, що в моєму випадку я назвав змінну масиву payInvoices, а функція також payInvoices. Це бентежило AngularJs. Після того, як я змінив назву на processPayments (), це нарешті запрацювало. Просто хотів поділитися цією помилкою та рішенням, оскільки мені знадобилось багато часу, щоб це зрозуміти.

Question 5

Спробуйте мати тіло функції перед викликом функції у вашому файлі JavaScript.

Question 6

Я отримував цю саму помилку і витратив півтора дня, намагаючись знайти рішення. Відповідь Наомі підвела мене до потрібного мені рішення.

У моєму введенні (type = button) був атрибут name, ідентичний імені функції, що викликається подією onClick. Одного разу я змінив атрибут, nameвсе працювало.

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

змінено на:

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

Question 7

У мене є ця помилка під час компіляції та збірки TS за допомогою WebPack. Він компілюється export class AppRouterElement extends connect(store, LitElement){....}в let Sr = class extends (Object(wr.connect) (fn, vr)) {....}який здається неправильним з - за відсутності коми. При поєднанні з Rollup помилок не виникає.