js自执行函数注意事项

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
        //仅声明了函数,不会自执行,报错
        function aa(){
            console.log(‘aa‘);
        }()
        //自执行情况

    </script>
    <script>
        //自执行情况
        //小括号
        (function(){
            console.log(‘a1‘);
        })();

        //赋值操作
        var a = function(){
            console.log(‘a2‘);
        }();

        //逻辑运算符
        !function(){
            console.log(‘a3‘);
        }();

        //数学运算符
        +function(){
            console.log(‘a4‘);
        }();
    </script>
</body>
</html>

注意所写的代码是声明还是执行..

时间: 2024-11-19 13:10:57

js自执行函数注意事项的相关文章

js立即执行函数的使用

一.JS立即执行函数的写法 方式1.最前最后加括号 (function(){alert(1);}()); 方式2.function外面加括号 (function(){alert(1);})(); 方式3.function前面加运算符,常见的是!与void !function(){alert(1);}();  void function(){alert(2);}(); 二.立即执行函数的参数 可以给立即执行函数传递参数,例如 (function(who, when){     console.lo

js立即执行函数应用--事件绑定

js中立即执行函数的应用:应用到事件绑定上. 少说多做,直接运行代码(代码中有注释): 1 <!DOCTYPE html> 2 <html lang="zh"> 3 <head> 4 <meta charset="UTF-8" /> 5 <meta http-equiv="X-UA-Compatible" content="ie=edge" /> 6 <titl

js如何执行函数

前言 js如何执行函数,指的是声明一个函数之后,在代码里如何去执行它. 函数调用模式 步骤如下, 1.先声明一个函数: 2.然后,调用该函数即可. 方法调用模式 步骤如下, 1.先声明一个函数,只不过这个时候是作为对象的一个方法: 2.然后,调用对象的该方法即可. 总结 不管是哪种执行方式,根本都是先声明一个函数,然后再调用它即可--只不过声明函数的方式有所区别而已. 参考 JS执行函数 JS执行函数: 1:方法调用模式. 请注意this此时指向myobject. /*方法调用模式*/ var

js立即执行函数用法

js立即执行函数可以让你的函数在创建后立即执行,js立即执行函数模式是一种语法,可以让你的函数在定义后立即被执行,这种模式本质上就是函数表达式(命名的或者匿名的),在创建后立即执行. 一.JS立即执行函数的写法 方式1.最前最后加括号 (function(){alert(1);}()); 方式2.function外面加括号 (function(){alert(1);})(); 方式3.function前面加运算符,常见的是!与void !function(){alert(1);}(); void

JS 自执行函数

由于自己js基础知识薄弱,很多js的知识还没有掌握,所以接下来会经常写一些关于js基础知识的博客,也算给自己提个醒吧. js自执行函数,听到这个名字,首先会联想到函数.接下来,我来定义一个函数: function aaa(a,b){ return sum = a + b } 定义了一个名为aaa的函数,在里面可以计算两个数的和.如果想执行它,就必须得调用它,并且还得给它传参: var aa = aaa(1,2) 这样就实现了一个函数的定义与调用,通过console.log我们可以看到sum实现了

js立即执行函数

js没有私有作用域的概念,避免命名冲突,引入了“匿名包裹器”或者“命名空间”的写法,即用匿名函数作为一个容器 js引擎在执行js代码时会“函数声明提升”,而函数表达式会从上至下逐行执行, js的函数和变量都会提升到函数的最顶部,即可以先使用再声明 //在function前面使用(),!,+,-,= 可以将函数声明转换成函数表达式,消除了js引擎对函数声明和函数表达式的歧义 (function(a){ console.log(a); })(123); (function(a){ console.l

js延迟执行函数

在js中,延迟执行函数有两种:setTimeout和setInterval setTimeout("test()","2000"); //2000毫秒后执行test()函数,只执行一次. setInterval("test()","2000"); //每隔2000毫秒执行一次test()函数,执行无数次. var interval = window.setInterval("test()","20

js自执行函数、调用递归函数、圆括号运算符、函数声明的提升

前言 起因是我要在jquery的ajax中需要根据返回值来决定是否继续发起ajax请求,这是一个有条件的循环,符合条件就跳出.可以使用while循环的,但是想了想还是递归调用好用. 调用递归函数 递归函数大概就是这样的.不符合条件重新执行这个函数 function f() { // do something if(1){ } else{ f(); } } 圆括号运算符和自执行函数 js中圆括号运算符指 (),一般有两个作用. 1.在函数后面表示立即执行这个函数,如 f() 2.计算表达式,如 /

js自执行函数

5.1对于函数表达式,在后面加括号即可以让函数立即执行:例如下面这个函数,至于为什么加了括号就可以立即执行,我们可以这么理解,就是像fn1():这样写的话,函数 可以立即执行是没问题的,我们在经常会用到,那么对于函数表达式来说,fn1就是对后面的匿名函数的一个引用,因此在后面的匿名函数后直接加括号,自然也就可以立即执行 函数表达式立即执行 5.2但是对于下面这个函数,如果直接加()就会报错:如果按照上面的思路去理解,在匿名函数后面直接加上()应该是可以立即执行的,但是下面这个函数之所以会报错,而