如何使用ES6箭头函数实现立即调用函数表达式(IIFE)?
How to using ES6 Arrow function to realize Immediately-Invoked Function Expression (IIFE))?
如何使用ES6 Arrow函数实现IIFEImmediately-Invoked Function Expression?
这是我的演示代码,已经测试通过!
// 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>
但是,Douglas Crockford 的风格(IIEF)还是有问题!
截屏
用括号括起来:
(() => console.log('hello'))()
如何使用ES6 Arrow函数实现IIFEImmediately-Invoked Function Expression?
这是我的演示代码,已经测试通过!
// 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>
但是,Douglas Crockford 的风格(IIEF)还是有问题!
截屏
用括号括起来:
(() => console.log('hello'))()