remove duplicate content #104
Conversation
|
Hi @lfender6445 thanks for checking out the guide! I can see how that might look like a duplicate, but there's actually a subtle difference between the two. The second one is prefixed with a Let's assume all of the js files follow the IIFE pattern like so: (function() { console.log('code'); })();When concatenating a few files together you get something like this: (function() { console.log('file1'); })();
(function() { console.log('file2'); })();
(function() { console.log('file3'); })();
> file1
> file2
> file3This is works great. But now let's say (function() { console.log('file1'); })();
(function() { console.log('file2') })()
(function() { console.log('file3'); })();
> file1
> file2
> TypeError: undefined is not a functionOh no! With a missing semicolon it tries to invoke whatever was returned from A way to safeguard yourself from this is to prefix your IIFE with a semicolon ;(function() { console.log('file1'); })();
(function() { console.log('file2') })()
;(function() { console.log('file3'); })();
> file1
> file2
> file3Another way to do this and is our preferred modules style (see Modules): !function() { console.log('file1'); }();
(function() { console.log('file2') })()
!function() { console.log('file3'); }();
> file1
> file2
> file3For a full explanation on why this happens see here: #44 (comment) & #21 (comment) 🍻 |
No description provided.