立即执行函数

前言

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 @   前端导师歌谣  阅读(6)  评论(0编辑  收藏  举报  
相关博文:
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
历史上的今天:
2022-11-06 js基础笔记学习125-new运算符2
2022-11-06 js基础笔记学习122-hasownproperty
2022-11-06 js基础笔记学习121-instanceOf
2022-11-06 js基础笔记学习120-修改原型2
2022-11-06 js基础笔记学习118-原型的作用1
2022-11-06 js基础笔记学习115-对象的结构2
2022-11-06 js基础笔记学习113-继承2扩展性
点击右上角即可分享
微信分享提示