"Loại lỗi không xác định: không xác định không phải là một hàm" trong khối mã JavaScript

Question

Tôi có một khối mã JavaScript như dưới đây trong trang html của tôi. Khi tôi chạy điều này bằng cách tải trang. Tôi nhận được sản lượng dưới đây trên bảng điều khiển trình duyệt của mình.

outer world 
Uncaught TypeError: undefined is not a function 

Như bạn có thể thấy trong đoạn mã, tôi không thực hiện các hàm có tên b bất cứ nơi nào trong các mã. Nhưng khi chạy mã, đầu ra từ hàm đó sẽ đến cùng với một số undefined is not a function error mà tôi không thể tìm thấy ở bất kỳ vị trí nào trong khối mã của mình.

Để thêm nhiều hơn vào trường hợp này, không có nhật ký nào khi tôi xóa bất kỳ phần nào trong mã. đó là. Nếu tôi loại bỏ b khởi tạo từ mã sau đó không có lỗi và đầu ra. Ngoài ra nếu tôi loại bỏ khối chức năng tự thực thi, không có nhật ký hoặc lỗi nào. Đúng là dòng khởi tạo của b thiếu dấu chấm phẩy. nhưng những gì tempts nó để cung cấp như một đầu ra confuses tôi. Bạn sẽ giúp tôi ra để tìm ra một lý do cho hành vi này?

Bạn có thể vui lòng giúp tôi hiểu tại sao nó xảy ra như vậy không?

var b = function() { 
 
    console.log('outer world'); 
 
} 
 

 
(function() { 
 

 
})();

Answer 1

Bỏ lỡ một ; sau khi tuyên bố b. Đoạn mã sau là tương đương với những gì bạn có.

var b = function() { 
    console.log ('outer world'); 
}(function() {})(); 

Nếu không có ; b trở thành s tự thực hiện và lấy một hàm rỗng làm tham số. Sau đó nó tự hành xử lần nữa; tuy nhiên, vì b không trả về một hàm, bạn nhận được một ngoại lệ.

Tôi khuyên bạn không nên bỏ qua ; cho đến khi bạn trở thành ninja js :). Giữ b bên trong để tránh ô nhiễm phạm vi toàn cầu.

(function() { 
    "use strict"; 

    var b = function() { 
     console.log("hi"); 
    }; 
    // other code 
}()); 

Semicolon auto-insertion discussion

Trong trường hợp bạn không muốn dấu chấm phẩy, thêm một nhà điều hành trước khi tự chạy chức năng

var b = function() { console.log('outer world') } 
;(function() { /* ... */ }()) 

Answer 2

Bạn cần một dấu chấm phẩy sau khi khai var của bạn, và bằng cách này, hãy loại bỏ những khoảng trống giữa log và (

var b = function() { 
     console.log('outer world'); 
};