前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >JavaScript 学习-46.立即执行函数

JavaScript 学习-46.立即执行函数

作者头像
上海-悠悠
发布2022-09-28 16:42:51
2710
发布2022-09-28 16:42:51
举报

前言

立即执行函数有以下作用

  • 创建一个独立作用域,这个作用域里面的变量,外部访问不到,避免变量污染。
  • 闭包和私有数据

使用语法

有两种写法

代码语言:javascript
复制
// 第一种:用括号把整个函数定义和括号调用包裹起来
(function(){
 // 函数体
}())

// 第二种:用括号把函数定义包裹起来,后面再加括号调用
(function (){
 // 函数体
})()

一般用第二种会多一些

代码语言:javascript
复制
(function (){
 // 函数体
})()

示例

使用示例1.匿名函数直接执行

代码语言:javascript
复制
// 匿名函数
(function (){
    let x = 'hello'
    let y = 'world'
    console.log(x+y)
})()

使用示例2.实现闭包的作用

代码语言:javascript
复制
const m = (function(){
    let x = 'hello';
    let y = 'world'
    return  function() {
        return x+y
    }

})()

console.log(m());

模块化

使用立即执行函数,可以不暴露私有成员

代码语言:javascript
复制
var m = (function() {
    var num = 0;
    var f1 = function() {
      return num
    }
    var f2 = function() {
        return num + 1
    }
    return {
      f1: f1,
      f2: f2
    }
})()

console.log(m.f1())

函数 f1() 和 f2(),都封装在 m 对象里。使用的时候,调用这个对象的属性。

JavaScript合集

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2022-09-28,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 从零开始学自动化测试 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 前言
  • 使用语法
  • 示例
  • 模块化
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档