讲师中心 微信公众号
AI工具推荐 视频效率加速

javascript函数如何定义和调用?_探索javascript函数的作用域【教程】

梦枫同学_5942

梦枫同学_5942

发布时间:2026-01-26 11:54:10

|

756人浏览过

|

来源于php中文网

原创

函数声明可提升,定义前可调用;函数表达式不可提升,须先赋值再调用;箭头函数属表达式且无this,继承外层this;块级作用域仅限let/const,function声明仍提升至函数作用域;IIFE在ES6后需求减少但仍有私有上下文等不可替代场景。

javascript函数如何定义和调用?_探索javascript函数的作用域【教程】

函数声明和函数表达式怎么选

JavaScript 里定义函数主要就两种方式:function 声明和函数表达式,它们的行为差异直接影响调用时机和作用域可见性。

函数声明会被提升(hoisted),意味着你可以在定义前就调用它;函数表达式不会,必须先赋值再调用,否则会报 TypeError: xxx is not a function。

  • function sayHello() { return "hi"; } —— 可以在声明前调用
  • const sayHi = function() { return "hi"; }; —— 必须在赋值后调用,否则 sayHi 是 undefined
  • 箭头函数 const sayBye = () => "bye"; 属于函数表达式,同样不提升

调用时 this 指向为什么总出错

函数调用方式直接决定 this 的值,不是看函数怎么定义的,而是看怎么被调用的。

  • 普通调用:foo() → this 在非严格模式下是 window(浏览器)或 globalThis,严格模式下是 undefined
  • 方法调用:obj.method() → this 是 obj
  • 用 call/apply/bind 显式绑定 → this 按传入对象确定
  • 箭头函数没有自己的 this,它沿用外层函数作用域的 this,这点常被误以为“更安全”,但其实只是继承,不能重绑定

函数作用域和块级作用域怎么共存

函数作用域是 JavaScript 最早的作用域模型,而 let/const 引入的块级作用域只对它们自身有效,不影响函数声明和 var 变量。

Java注释规范Skills
Java注释规范Skills

当用户要求为 Java 代码添加注释、修改注释、审查注释、整理注释格式,或要求按照代码注释规范处理 Java 文件时,使用本技能。本技能用于统一生成和维护 Java 类注释模板、按 Git 对比 release 判断版本号、补充每行代码上方中文块注释、调整注释空行规则,并保持 Java 文件 UTF-8 无 BOM 编码。典型触发场景包括:补充类注释、更新 @version、检查 @author 来源、整理行尾注释、把注释放到代码上一行、检查注释是否符合规范、构建前检查 Java 注释风格。

下载

立即学习“Java免费学习笔记(深入)”;

  • 在 if 或 for 块里用 function foo(){} 声明,该函数仍会提升到整个函数作用域顶部(不是块内)
  • 用 let foo = function(){} 才真正受块限制,块外访问会报 ReferenceError
  • 嵌套函数能访问外层函数的变量(闭包),但外层无法访问内层函数声明的 let 变量

立即执行函数(IIFE)现在还必要吗

ES6 之后,let/const 和模块系统让 IIFE 的“隔离变量”需求大幅下降,但它在特定场景仍有不可替代性。

  • 需要立刻运行并返回一个私有上下文时仍适用,比如封装插件、避免污染全局: (function(){ let privateVar = 42; window.myAPI = { get: () => privateVar }; })();
  • 在循环中捕获当前迭代值,比 var + setTimeout 更直观(不过现在更推荐用 let 声明循环变量)
  • 注意:IIFE 内部用 function 声明的函数仍受函数作用域约束,不是块作用域

作用域链的实际表现往往藏在调用栈深处,尤其当高阶函数、异步回调和 this 绑定混用时,最易出问题的是「以为函数记住了某个值,其实它引用的是变量本身」——这恰恰是闭包的本意,也是最容易被忽略的细节。

相关文章

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门AI工具

更多
立刻MV
立刻MV Hot

立刻MV是一款AI文本写作工具,AI 音乐视频(MV)创作工具。

切问学术

切问学术是一款AI论文写作工具,复旦大学NLP团队推出的AI学术智能体。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

蛙蛙写作

一款AI论文写作工具,主要用于超级AI智能写作助手,适合需要提升相关任务效率的用户。

咔片AIPPT

一款在线AI演示文稿制作工具,可根据主题和内容需求辅助生成PPT结构与页面,提高演示材料制作效率。

音述AI
音述AI Hot

一款AI音频处理工具,主要用于音述AI是一个以“用声音述说故事”为核心的 AI 音乐创作与声音分享社区,适合需要提升相关任务效率的用户。

UpDream
UpDream Hot

一款AI视频创作工具,主要用于哔哩哔哩推出的自研AI视频创作工具,适合需要提升相关任务效率的用户。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

相关专题

更多
es6新特性
es6新特性

es6新特性有:1、块级作用域变量;2、箭头函数;3、模板字符串;4、解构赋值;5、默认参数;6、 扩展运算符;7、 类和继承;8、Promise。本专题为大家提供es6新特性的相关的文章、下载、课程内容,供大家免费下载体验。

285

2023.07.17

es6新特性有哪些
es6新特性有哪些

es6的新特性有:1、块级作用域;2、箭头函数;3、解构赋值;4、默认参数;5、扩展运算符;6、模板字符串;7、类和模块;8、迭代器和生成器;9、Promise对象;10、模块化导入和导出等等。本专题为大家提供es6新特性的相关的文章、下载、课程内容,供大家免费下载体验。

406

2023.08.04

JavaScript ES6新特性
JavaScript ES6新特性

ES6是JavaScript的根本性升级,引入let/const实现块级作用域、箭头函数解决this绑定问题、解构赋值与模板字符串简化数据处理、对象简写与模块化提升代码可读性与组织性。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

375

2025.12.24

c语言const用法
c语言const用法

const是关键字,可以用于声明常量、函数参数中的const修饰符、const修饰函数返回值、const修饰指针。详细介绍:1、声明常量,const关键字可用于声明常量,常量的值在程序运行期间不可修改,常量可以是基本数据类型,如整数、浮点数、字符等,也可是自定义的数据类型;2、函数参数中的const修饰符,const关键字可用于函数的参数中,表示该参数在函数内部不可修改等等。

2258

2023.09.20

堆和栈的区别
堆和栈的区别

堆和栈的区别:1、内存分配方式不同;2、大小不同;3、数据访问方式不同;4、数据的生命周期。本专题为大家提供堆和栈的区别的相关的文章、下载、课程内容,供大家免费下载体验。

6047

2023.07.18

堆和栈区别
堆和栈区别

堆(Heap)和栈(Stack)是计算机中两种常见的内存分配机制。它们在内存管理的方式、分配方式以及使用场景上有很大的区别。本文将详细介绍堆和栈的特点、区别以及各自的使用场景。php中文网给大家带来了相关的教程以及文章欢迎大家前来学习阅读。

2568

2023.08.10

go语言闭包相关教程大全
go语言闭包相关教程大全

本专题整合了go语言闭包相关数据,阅读专题下面的文章了解更多相关内容。

4493

2025.07.29

undefined是什么
undefined是什么

undefined是代表一个值或变量不存在或未定义的状态。它可以作为默认值来判断一个变量是否已经被赋值,也可以用于设置默认参数值。尽管在不同的编程语言中,undefined可能具有不同的含义和用法,但理解undefined的概念可以帮助我们更好地理解和编写程序。本专题为大家提供undefined相关的各种文章、以及下载和课程。

11985

2023.07.31

Gradle插件开发入门教程
Gradle插件开发入门教程

本专题介绍Gradle插件开发的基本流程,涵盖插件类编写、自定义任务注册、扩展参数设计和插件应用方法,帮助你理解插件如何组织构建逻辑,减少多个项目之间的重复配置。

20

2026.10.22

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
WebStorm 官方调试文档
WebStorm 官方调试文档

共0课时 | 0人学习

React 教程
React 教程

共58课时 | 12.3万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 6.7万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn