javascript自执行函数

JavaScript自执行函数(Self-Invoking Function),又叫立即执行函数(Immediately-Invoked Function Expression,IIFE),是一种可以立即自动执行的函数。它的语法结构非常简单:

(function(){
  // code
})();

上述代码定义了一个匿名函数,并立即执行。整个函数块被包含在一对括号中,形成一个表达式,紧随其后的另一对括号表示立即执行该表达式。

自执行函数的特点:

  • 自执行函数可以让函数内部的变量不会被外部引用到,充分实现模块化。
  • 自执行函数形成一个独立的作用域,可以防止变量污染全局。
  • 自执行函数通过return语句可以向外输出变量或函数。

下面是两个使用自执行函数的示例:

示例1:模块化

let module = (function(){
  let name = 'module';
  let version = 1.0;

  function getName() {
    return name;
  }

  function getVersion() {
    return version;
  }

  return {
    getName: getName,
    getVersion: getVersion
  };
})();

console.log(module.getName());  // 输出 "module"
console.log(module.getVersion());  // 输出 1.0

上述代码使用自执行函数模拟了一个模块,内部有私有变量name和version,还有对外暴露的getName和getVersion两个方法。这样可以避免变量名冲突,保证代码的可维护性。

示例2:避免变量污染全局

(function(){
  let name = 'Alice';
  console.log('inner:', name);
})();
console.log('outer:', name);

上述代码中,内部的自执行函数定义了一个变量name并输出,在函数外部输出会报错,因为变量未定义,这样可以避免变量污染全局。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:javascript自执行函数 - Python技术站

(0)
上一篇 2023年5月27日
下一篇 2023年5月27日

相关文章

  • js防抖-节流函数的基本实现和补充详解

    JS防抖和节流函数的基本实现和补充详解 在Web应用中,为了提升用户体验及减轻服务器压力,我们通常会使用JS防抖和节流函数来控制代码执行的频率及节约资源的使用。本文将对JS防抖和节流函数的基本实现进行详细的讲解,同时也会补充一些重要的知识点。 JS防抖函数的基本实现 JS防抖函数的原理是将多次触发的事件合并为一次触发,从而减少触发事件的次数,提高代码性能。比…

    JavaScript 2023年6月11日
    00
  • vue跳转后不记录历史记录的问题

    对于Vue的单页面应用(SPA),在页面之间进行跳转时常常会出现一个问题:跳转后浏览器的地址栏会发生变化,但是页面的历史记录并没有被记录下来,点击浏览器中的“后退”按钮时,不能正确的回退到上一个页面。 这个问题的出现是因为在Vue的路由中使用了history模式,而如果想要在这种模式下正常记录历史记录,需要在路由跳转时手动调用浏览器API添加历史记录。 下面…

    JavaScript 2023年6月11日
    00
  • javascript实现动态导入js与css等静态资源文件的方法

    要在JavaScript中动态导入JS和CSS等静态资源文件,可以使用以下方法: 1. 使用DOM API 可以直接通过JavaScript的DOM API创建<script>和<link>元素,然后将其添加到HTML的<head>或<body>标签中以动态加载JS和CSS文件。 动态导入JS文件 // 利用D…

    JavaScript 2023年5月27日
    00
  • JS实现支持Ajax验证的表单插件

    下面是“JS实现支持Ajax验证的表单插件”的完整攻略。 目录 简介 实现步骤 第一步:引入jQuery库 第二步:创建表单 第三步:定义验证规则 第四步:编写Ajax请求 第五步:表单提交事件 示例说明 示例1:验证用户名是否已存在 示例2:验证邮箱格式是否正确 简介 本攻略将要讲解如何使用JavaScript实现支持Ajax验证的表单插件。Ajax验证是…

    JavaScript 2023年6月10日
    00
  • JS 实现 ajax 异步浏览器兼容问题

    JS 实现 ajax 异步浏览器兼容问题 什么是 AJAX AJAX (Asynchronous JavaScript and XML) 是一种通过后台与服务器进行数据交换,而无需重新加载整个页面的技术,在 Web 开发中广泛应用。以下是 AJAX 的一些优点: 可以在不刷新页面的情况下更新页面内容 能够异步地获取数据,并把数据显示在页面上 能够使用服务器应…

    JavaScript 2023年6月11日
    00
  • js function定义函数使用心得

    那么让我们来详细讲解一下“js function定义函数使用心得”的完整攻略。 1. 定义函数 在JavaScript中,定义函数主要有两种方式:函数声明和函数表达式。 1.1 函数声明 函数声明由function关键字后跟函数名和包含在一对圆括号中的参数列表构成,其语法格式如下: function functionName(parameter1, para…

    JavaScript 2023年5月27日
    00
  • 深入理解JavaScript事件机制

    深入理解JavaScript事件机制 JavaScript的事件机制为我们在网页中开发交互体验提供了强大的支持。要深入理解JavaScript事件机制包括以下三个方面: 事件类型 事件模型 事件处理函数 事件类型 JavaScript中定义了很多事件类型,例如鼠标相关的事件类型包括: click 鼠标单击事件 dblclick 鼠标双击事件 mousedow…

    JavaScript 2023年6月11日
    00
  • window.event快达到全浏览器支持了,以后使用就方便了

    首先需要认识到 window.event 是在IE浏览器中出现的一个全局事件对象,通过该对象可以获取当前页面中发生的事件的信息,例如事件类型、事件目标、事件源等。而其他浏览器中并没有实现此对象,因此在跨浏览器开发时,我们需要统一处理事件对象的获取方法。 随着前端技术的发展,现在在大多数浏览器中都添加了对 window.event 的支持,但在某些移动端浏览器…

    JavaScript 2023年6月10日
    00
合作推广
合作推广
分享本页
返回顶部