javascript中函数如何声明_它们有哪些类型

梦涛姑娘_4927

梦涛姑娘_4927

2025-12-21

260人浏览

原创

javascript函数分四类:函数声明(提升,可前置调用)、函数表达式(不提升,需先定义)、箭头函数(无this/arguments,不可构造)、方法简写(对象中this绑定调用者)。

javascript中函数如何声明_它们有哪些类型

JavaScript 中函数声明方式灵活,主要分 函数声明函数表达式箭头函数方法简写 四类,每种适用场景不同,理解区别能避免常见坑。

函数声明(Function Declaration)

function 关键字 + 函数名 + 参数列表 + 函数体定义,会被**提升(hoisted)**,即调用可写在声明之前。

例如:

function sayHello(name) {
  return 'Hello, ' + name;
}

✅ 优点:可提前调用,语义清晰;
❌ 注意:不能在 if 或 for 等块级结构中声明(ES5 严格模式会报错,ES6+ 行为不一致,建议避免)。

函数表达式(Function Expression)

把函数赋值给变量(或对象属性),不被提升,必须先定义再调用。匿名或具名均可。

例如:

const add = function(a, b) {
  return a + b;
};

// 具名函数表达式(利于调试栈追踪)
const multiply = function mult(x, y) {
  return x * y;
};

✅ 适合回调、立即执行(IIFE)、动态赋值;
❌ 不能提前调用,否则报 ReferenceError

Alibabacloud Sdk Client Initialization For Java
Alibabacloud Sdk Client Initialization For Java

在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。

下载

箭头函数(Arrow Function)

ES6 引入,语法简洁:(参数) => { 函数体 },没有自己的 thisargumentssupernew.target,继承自外层作用域

例如:

const square = x => x * x;
const greet = (name, time) => `Good ${time}, ${name}!`;
const log = () => { console.log('hi'); };

✅ 适合简短逻辑、避免 this 绑定问题(如事件回调、数组方法);
❌ 不能用作构造函数(无 prototype),不能使用 arguments 对象(改用剩余参数 ...args)。

对象中的方法简写(Method Shorthand)

ES6 允许在对象字面量中省略 function 关键字和冒号,更简洁,且有自己绑定的 this(非箭头函数)。

例如:

const user = {
  name: 'Alice',
  sayHi() {
    return `Hi, I'm ${this.name}`;
  },
  // 箭头函数写法 ❌ this 不绑定到对象
  // sayBye: () => `Bye, ${this.name}` // this 指向外层,通常不是 user
};

✅ 语义明确,this 指向调用对象;
❌ 箭头函数不能用于对象方法简写(会丢失预期的 this)。

基本上就这些。选哪种,看你要不要提升、要不要独立 this、是否需要构造实例、代码是否追求极简——没绝对好坏,但用错容易引发隐性 bug。

Java免费学习笔记:立即使用
解锁 Java 大师之旅:从入门到精通的终极指南

相关文章

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

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

下载

相关标签:

javascript es6 java 作用域

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

相关专题

更多
es6新特性
es6新特性

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

2023.07.17

265

5

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

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

2023.08.04

386

5

JavaScript ES6新特性
JavaScript ES6新特性

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

2025.12.24

335

12

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

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

2023.09.20

1878

7

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

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

2023.07.18

4427

5

堆和栈区别
堆和栈区别

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

2023.08.10

2048

6

console接口是干嘛的
console接口是干嘛的

console接口是一种用于在计算机命令行或浏览器开发工具中输出信息的工具,提供了一种简单的方式来记录和查看应用程序的输出结果和调试信息。本专题为大家提供console接口相关的各种文章、以及下载和课程。

2023.08.08

756

5

console.log是什么
console.log是什么

console.log 是 javascript 函数,用于在浏览器控制台中输出信息,便于调试和故障排除。想了解更多console.log的相关内容,可以阅读本专题下面的文章。

2024.05.29

5143

7

function是什么
function是什么

function是函数的意思,是一段具有特定功能的可重复使用的代码块,是程序的基本组成单元之一,可以接受输入参数,执行特定的操作,并返回结果。本专题为大家提供function是什么的相关的文章、下载、课程内容,供大家免费下载体验。

2023.08.04

2440

5

热门下载

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

精品课程

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

共0课时 | 0人学习

React 教程
React 教程

共58课时 | 11.9万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 6.5万人学习