js匿名函数自执行的好处

更新日期: 2019-10-07阅读: 2.1k标签: 匿名函数

我们知道,在创建一个函数时如果要用到变量来存取信息的话,要尽量使用局部变量。

因为一方面局部变量会随着函数的执行结束被销毁;另一方面在不执行函数的时候也不会创建这个局部变量,对节省空间资源有很大的好处。

下面我们来看一个案例:

var num = 1;//全局变量num

function a() {
    console.log(num);     
}

function b() {
    console.log(num);
}

a(); //调用函数a,结果会在控制台打印1
b(); //调用函数b,结果会在控制台打印1

上面这个案例里的变量num就是一个典型的全局变量。

那么我们要怎么把num变成局部变量呢?

 

方法一:

function a() {
  var num = 1;
  console.log(num);//打印1
}

function b() {
  var num = 1;
  console.log(num);
}

a(); //调用函数a,结果会在控制台打印1
b(); //调用函数b,结果会在控制台打印1

上面这种方法虽然解决了全局变量的问题,但是多次定义相同变量num。使得代码冗余,不够优化。这种方法不推荐

 

方法二:

var demo = function() {
  var num = 1;
            
  function a() {
    console.log(num);     
  }

  function b() {
    console.log(num);
  }
}

demo(); //调用函数demo,获得函数a、函数b、变量num
a();  //调用函数a,结果会在控制台打印1
b();  //调用函数b,结果会在控制台打印1

上面这种方法二将num、函数a、函数b都写在一个demo函数里,这样就将变量num变成了一个局部变量,而且函数a和函数b也都可以访问到变量num

但是,这种方法也有弊端。

  1. 如果函数demo不执行,就无法获取函数a、函数b、变量num。
  2. demo也是一个全局变量。也就是说我们虽然没有定义全局变量num,却又定义了一个全局变量demo。显然这并没有达到我们最初的目的。
  3. 每次调用函数a和函数b之前都得先调用demo,这样会使代码冗余。万一我们哪次忘记调用demo了怎么办呢?

所以,这种也不推荐。

那我们该怎么办呢?==>匿名函数自执行


方法三:匿名函数自执行(推荐)

(function () {
  var num = 1;

  function a() {
    console.log(num);
  }

  function b() {
    console.log(num);
  }
            
  a();
  b();
})();

匿名函数自执行没有定义任何一个全局变量,我们也不用每次先调用外面的函数获取里面的内容。完美的解决了我们的需求。极力推荐。

链接: https://fly63.com/article/detial/5867

js中函数声明、函数表达式、匿名函数的理解和区别?

js和其他编程语言相对比较随意,首先来理解下函数基本概念:函数声明、函数表达式、匿名函数。函数声明和函数表达式区别有哪些?

少用JS匿名函数_不使用JS匿名函数的三个理由

无论你在什么时候读代码,您都必须注意到匿名函数。有时它们被称为 lambda,有时是匿名函数,不管怎样,我认为他们是不好使用的。匿名函数是一种在运行时动态声明的函数。它们之所以被称为匿名函数是因为不同于普通函数,它们并没有函数名 。

JS匿名函数this调用变量报错

突然,看到附件选择的方法,人家是设置的this.fileUrl成功的。比对下,什么区别。这就是JS中匿名方法的this指向问题,function的声明方式,this指向的是本身,父级的变量都无法访问。

什么是匿名函数、什么是闭包函数?

在前端面试中面试官基本都会问到什么是匿名函数、什么是闭包函数。匿名函数顾名思义就是没有名字的函数,通常我们所写的函数都是这样的:

JavaScript中的匿名函数、立即执行函数和闭包

立即执行函数是基于匿名函数实现的,也没有函数名,会在定义后立即执行;闭包是有权访问另一个函数作用域中的变量的函数。匿名函数、立即执行函数只要满足 有权访问另一个函数作用域中的变量 这一个条件,就成了闭包。

匿名函数没有自己的this

匿名函数没有自己的this,因此,在构造对象中调用全局函数时,可以省去保存临时this,再将其传入全局函数这一步:

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!