立即执行函数

前言

c7770d2092c088f77a11134acbb36a85.png

 我是歌谣 最好的种树是十年前 其次是现在 今天继续给大家带来的是作用域的讲解

  环境配置

9dbbb2f6914b35be6a05bd199ccf960c.png

npm init -y
yarn add vite -D

 修改page.json配置端口

f498783ff7bc2b73214a12c4778b2a3f.png

{
  "name": "demo1",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "dev": "vite --port 3002"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "vite": "^4.4.9"
  }
}

 IIFE立即执行函数

ea5f8774c2e558b138ca50944d2ea419.png

var test=(function(a,b){
    console.log(a,b)
    return a+b
}(1,2))
console.log(test)

 运行结果

b260c9ec4c63b62b227e394c2a5acd17.png

152fef5e5b689d022b7b020c028c4d2b.png

 案列2

58b7ce063d1a934be5382ee430b6a9a3.png

function test(){
    var arr=[]
    for(var i=0;i<10;i++){
        arr[i]=function(){
            document.write(i+' ')
        }
    }
    return arr
}
var myArr=test()
console.log(myArr)

 运行结果

e85f5ea606f78e1c3bbd7fb4ee73771f.png

e37b5842e3b3a9a6c77f6c9bc032cb24.png

 案例3

7410e8b88ad9c6f9101e646a3902130b.png

function test(){
    var arr=[]
    for(var i=0;i<10;i++){
        arr[i]=function(){
            document.write(i+' ')
        }
    }
    return arr
}
var myArr=test()




for(var j=0;j<10;j++){
    myArr[j]()
}

 运行结果

ee151d22c1e7e62dfdc622b442de4b4c.png

3d0203a6b8de697b3349575b62dc9e6d.png

de0e0f285396a9f7a91a5978d87d48ca.png

案例4

c372b543dfc5423a93af95c7fdaad27a.png

function test(){
    var arr=[]
    for(var i=0;i<10;i++){
        (function(){
            document.write(i+' ')
        })()
    }
    return arr
}
test()

运行结果

6d2fc1d3866f81dbdb57b54ede7eaf63.png

764976e289d69f36bf61d232e31b2249.png

507bced34e9457295a5f8a41f128a3f1.png

6d122ac4449811912de1a01f0ccb6ecd.png

点击上方 蓝字 关注我们

下方查看历史文章

742570b2fb7e00d5d4c56266cf87b41d.png

闭包

前端预编译流程

递归

函数参数默认值

posted @ 2023-11-06 11:44  前端导师歌谣  阅读(6)  评论(0编辑  收藏  举报  来源