前言
我是歌谣 最好的种树是十年前 其次是现在 今天继续给大家带来的是作用域的讲解
环境配置
| npm init -y |
| yarn add vite -D |
修改page.json配置端口
| { |
| "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立即执行函数
| var test=(function(a,b){ |
| console.log(a,b) |
| return a+b |
| }(1,2)) |
| console.log(test) |
运行结果

案列2
| 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) |
运行结果

案例3
| 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]() |
| } |
运行结果

案例4
| function test(){ |
| var arr=[] |
| for(var i=0;i<10;i++){ |
| (function(){ |
| document.write(i+' ') |
| })() |
| } |
| return arr |
| } |
| test() |
| |
| |
运行结果

【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
2022-11-08 js基础笔记学习161-递归2
2022-11-08 js基础笔记学习51-练习1解法二
2022-11-08 js基础笔记学习156-闭包简介2
2022-11-08 js基础笔记学习154-高阶函数2
2022-11-08 js基础笔记学习151-一个小问题之1
2022-11-08 js基础笔记学习149-封装函数1
2022-11-08 js基础笔记学习148-选择排序