函数声明、函数表达式、匿名函数

最新推荐文章于 2022-09-20 10:59:55 发布

时冲

最新推荐文章于 2022-09-20 10:59:55 发布

阅读量812

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/scandly_java/article/details/50849308

版权

js 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

函数定义和未定义的区别
var add = (function () {

    var counter = 0;

    return function () {
       //alert(counter)
       return counter += 1;
   };
})();
（把括号移进去和放出来的效果是一样的
把function的外面的括号去掉效果也是一样的）

但要注意对于定义了的函数这3中写法都可以
但是对于未定义的函数
function abc(){}()这么写时就会报错
function abc(){}()这么写时就ok
要(function abc(){})()这么写才行，因为js引擎在执行的时候会先把未定义的定义上（加上var）

   1 aaa();
      function aaa(){
        alert(111)
      }
   （此函数可以自动提升位置）
   2 aaa();
      var aaa = function(){
        alert(111)
      }
   （此函数既然写了var了那么显然就位置就死了）
   （上面会报错，aaa未定义）
      aaa();
      var aaa = function(){
        alert(111)
      }
   （运行ok，可弹出111）

对于匿名函数，因为它没有名字，被调不了，所以只能以return的方式出现

再一个要注意的就是（）它只执行一次

反例如下：
<!DOCTYPE html>
<html>
<body>

<p>局部变量计数。</p>

<button type="button" οnclick="myFunction()">计数!</button>

<p id="demo">0</p>

<script>
var add = function add () {

    var counter = 0;

    return function () {
       //alert(counter)
       return counter += 1;
   };
}();

function myFunction(){

    document.getElementById("demo").innerHTML = add();
}
(function e(){
   // alert('Hello World1');
})();
//函数表达式后面加括号，当javascript引擎解析到此处时能立即调用函数


</script>

</body>
</html>

时冲

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
函数声明、函数表达式、匿名函数

函数定义和未定义的区别var add = (function () { var counter = 0; return function () { //alert(counter) return counter += 1; };})();（把括号移进去和放出来的效果是一样的把function的外面
复制链接

扫一扫

专栏目录