js自执行函数的常见写法

js自执行函数的常见写法

2016-12-20 20:02:26

1.关于自执行函数

  1.1 写自执行函数的好处:独立的作用域,不会污染全局环境

(function() {
    	
})();

  1.2 理解重点:函数的自执行过程

  1.3 参考书籍:JS高级程序设计指南

  1.4 给自执行函数加参数的好处:对于当前作用域中,如果将window传入,就不用依赖全局对象了,一直控制在局部作用域

(function(window,document) {
    var div=document.getElementById('div');
})(window,document);

2.JS自执行函数的常见写法

  2.1 进行赋值操作的方式

var a=function(){
  console.log('test');
}();

  2.2 给函数体加小括号的方式

(function aaa() {
    console.log('test');
})();

  2.3 在函数体前加逻辑运算符的方式 eg:

!function() {
    console.log('test');
}();

  2.4 在函数体前加数学运算符的方式 eg:

+function () {
    console.log('test');
}();

3.相关面试题:

var btn=document.getElementById('btn');

btn.οnclick=function(){
    console.log(111);
}(function() {console.log(222);})
    

();

  注意,btn函数后不加;自执行函数会报错。会将后面的自执行函数体当成btn函数的对象

转载于:https://www.cnblogs.com/happyzwt/p/6204121.html

你可能感兴趣的:(js自执行函数的常见写法)