How to using ES6 Arrow function to realize Immediately-Invoked Function Expression (IIFE))?
xgqfrms
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 
madox2
Surround it with parentheses:
(() => console.log('hello'))()
Collected from the Internet
Please contact [email protected] to delete if infringement.
edited at
- Prev: How can i change the State of a checkbox in swift without clicking it?
- Next: Adjusting the height of images in flex layout
Related
Related Related
- 1
Benefit of Immediately-invoked function expression (IIFE) over a normal function
- 2
Javascript Immediately-invoked function expression (IIFE) and function scoping
- 3
Javascript Syntax: Immediately Invoked Function Expression (IIFE) with parameters
- 4
Javascript Syntax: Immediately Invoked Function Expression (IIFE) with parameters
- 5
HotTowel Angular and Immediately-Invoked Function Expression (IIFE)
- 6
Javascript closure and IIFE (immediately invoked function expressions)
- 7
Can anyone explain the output for this code which is based on the concept of IIFE (Immediately Invoked Function Expression)
- 8
Immediately invoked function expression throws "object is not a function"
- 9
Immediately invoked function expression without using grouping operator
- 10
Immediately Invoked Function Expression in strict mode
- 11
Immediately Invoked Function Expression: Where to put the parenthesis?
- 12
Immediately invoked function expression causing error?
- 13
Why must I immediately invoke an immediately invoked function expression?
- 14
Why must I immediately invoke an immediately invoked function expression?
- 15
Wrapping my gulpfile in an immediately-invoked function expression
- 16
Prevent Meteor from wrapping scripts in an immediately-invoked function expression
- 17
Why I need to wrap the code in immediately invoked function expression?
- 18
Are there any official ways to write an Immediately Invoked Function Expression?
- 19
Immediately invoked function expression isn't executed on second require
- 20
How to use `this` in a function called by an ES6 arrow function?
- 21
ES6 if in arrow function
- 22
How to get the element from a jQuery on() event using an ES6 arrow function?
- 23
Immediate function using JavaScript ES6 arrow functions
- 24
jQuery immediately invoked function in CoffeeScript?
- 25
rewrite an Immediately-Invoked Function
- 26
Is there an Immediately Invoked Anonymous Function for Java?
- 27
jQuery immediately invoked function in CoffeeScript?
- 28
How to change what an ES6 arrow function's 'this' points to?
- 29
How do I write an arrow function in ES6 recursively?
Comments