How to using ES6 Arrow function to realize IIFEImmediately-Invoked Function Expression?
Here is my demo codes, and it had tested passed!
// ES 6 + IIFE
(() => {
let b = false;
console.log(`b === ${b}!`);
const print = `print()`;
if(window.print){
b = true;
console.log(`b === ${b}!`);
}
let x = () => {
if(b){
console.log(`Your browser support ${print} method.`);
}else{
alert(`Your browser does not support ${print} method.`);
console.log(`Your browser does not support ${print} method.`);
};
}
x();
})();
const dcs = `IIFE: Douglas Crockford's style`;
// ES 5 + IIFE is OK
(function(){
alert("IIFE: Douglas Crockford's style");
console.log(dcs + ", ES 5 is OK!");
}());
// Douglas Crockford's style
// ES 6 + IIFE (error)
/*
(() => {
alert(`IIFE: Douglas Crockford's style`);
console.log(`${dcs},ES 6 is Error!`);
}());
*/
// Douglas Crockford's style<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=3.0">
</head>
<body>
<main id="print">
<section>
<h1>Javascript ES6 & IIEF</h1>
</section>
</main>
</body>
</html>However, there still has something is wrong about Douglas Crockford's style (IIEF)!
screencut
window.onloadbecause of the()at the very end. If you don't want that, then remove the()– Mcduffie() => {...}instead offunction() {...}, then it's "Arrow function". – Mcduffie(function(){})()– Grapevinewindow.onload, but there's no return value. And yes, Arrow Function !== Array function, so we only wanted to be sure we understood correctly. No need to get upset when people ask for clarification. – Mcduffie