百度360必应搜狗淘宝本站头条
mybatis 使用python中+=代表什么java中switch盒子垂直居中httpservletrequest 获取参数
当前位置：网站首页 > 技术文章 > 正文

ES6的箭头函数和普通函数相比有什么不同?

wxin55 2024-11-26 09:42 8 浏览 0 评论

本号用于每日更新前端最新面试题，React、Vue、小程序、JavaScript、HTML5、CSS、uniapp、ES6、前端工程化、性能优化等热点面试题~~~

欢迎关注，面试题刷起来~~升职加薪不是梦~~

ES6 的箭头函数和普通函数（传统函数）相比，有以下几个主要的不同点：

1：语法简洁：
箭头函数使用箭头（=>）来定义函数，语法更加简洁明了，省略了传统函数中的 function 关键字和大括号。

示例比较：

// 传统函数
function add(a, b) {
  return a + b;
}

// 箭头函数
const add = (a, b) => a + b;

2：词法绑定的 this 值：
箭头函数没有自己的 this 值，它的 this 值继承自外部的词法作用域。这意味着在箭头函数内部，无法通过 this 访问到函数自身的上下文，而是使用外部作用域的 this 值。

示例比较：

// 传统函数
const obj = {
  name: 'Alice',
  sayHello: function() {
    console.log('Hello, ' + this.name);
  }
};

// 箭头函数
const obj = {
  name: 'Alice',
  sayHello: () => {
    console.log('Hello, ' + this.name); // this.name 为 undefined
  }
};

3：没有 arguments 对象：
箭头函数没有自己的 arguments 对象，无法通过 arguments 访问传入的参数列表。如果需要获取参数，可以使用剩余参数（rest parameters）或结构赋值来代替。

示例比较：

// 传统函数
function sum() {
  let total = 0;
  for (let i = 0; i < arguments.length; i++) {
    total += arguments[i];
  }
  return total;
}

// 箭头函数
const sum = (...args) => {
  let total = 0;
  for (let i = 0; i < args.length; i++) {
    total += args[i];
  }
  return total;
};

4：不能用作构造函数：
箭头函数不能使用 new 关键字调用，也不能用作构造函数来创建对象实例。箭头函数没有自己的原型（prototype）对象，无法通过 new 关键字来创建新的对象。

箭头函数适用于简单的函数定义和回调函数，对于需要使用 this 或 arguments 对象的情况，传统函数仍然更适合使用。箭头函数的特性使得代码更加简洁可读，但也需要注意使用时的上下文和作用域继承。

相关推荐

Java框架 —— Spring简介

简介一般来说，Spring指的是SpringFramework，它提供了很多功能，例如：控制反转（IOC）、依赖注入（DI）、切面编程（AOP）、事务管理（TX）主要jar包org.sprin...

Monkey自动化测试

Monkey1.通过Monkey程序模拟用户触摸屏幕、滑动Trackball、按键等操作来对设备上的程序进行压力测试，检测程序多久的时间会发生异常;2.Monkey主要用于Android的压力...

十年之重修SpringBoot启动&amp;自动装载&amp;Bean加载过程

总结Springboot的自动装载，完全是依赖Bean的自动注册，其中默认的规则，是把需要自动装载的bean全名称编辑在spring.factories（2.7之后的版本，还支持.imports文件）...

一些可以显著提高大型 Java 项目启动速度的尝试

我们线上的业务jar包基本上普遍比较庞大，动不动一个jar包上百M，启动时间在分钟级，拖慢了我们在故障时快速扩容的响应。于是做了一些分析，看看Java程序启动慢到底慢在哪里，如何去优化，...

class 增量发包改造为 jar 包方式发布

大纲class增量发包介绍项目目录结构介绍jar包方式发布落地方案class增量发包介绍当前项目的迭代修复都是通过class增量包来发版本的将改动的代码class增量打包,如下图cla...

Flink架构及其工作原理(很详细)

原文链接：https://www.cnblogs.com/code2one/p/10123112.html关键词：Flink架构、面试杀手锏！更多大数据架构、实战经验，欢迎关注【大数据与机器学习】，...

大促系统优化之应用启动速度优化实践

作者：京东零售宋维飞一、前言本文记录了在大促前针对SpringBoot应用启动速度过慢而采取的优化方案，主要介绍了如何定位启动速度慢的阻塞点，以及如何解决这些问题。希望可以帮助大家了解如何定位该类问...

Maven工程如何使用非Maven仓库jar包

使用Maven之前，一直都是自己手工在网上搜索需要的jar包，然后添加到工程中。以这样的方式开发，工作了好多年，曾经以为以后也会一直这样下去。直到碰上Maven，用了第一次，就抛弃老方法了。Maven...

【推荐】一款开源免费、功能强大的短链接生成平台

项目介绍reduce是一款开源免费、功能强大的短链接生成平台。部署在服务器，使用短域名解析即可提供服务。CoodyFramework首秀，自写IOC、MVC、ORM、TASK、JSON、DB连接池、...

K8S官方java客户端之七:patch操作

欢迎访问我的GitHubhttps://github.com/zq2599/blog_demos内容：所有原创文章分类汇总及配套源码，涉及Java、Docker、Kubernetes、DevOPS等；...

Java 的业务逻辑验证框架 之-fluent-validator

开发人员在维护核心业务逻辑的同时，还需要为输入做严格的校验。当输入不合法时，能够给caller一个明确的反馈，最常见的反馈就是返回封装了result的对象或者抛出exception。一些常见...

互联网大厂后端必看!手把手教你替换 Spring Boot 中的日志框架

在互联网大厂的后端开发工作中，SpringBoot框架是搭建项目的“得力助手”，使用十分普遍。但不少开发者都遇到过这样的困扰：SpringBoot默认集成的Logback日志框架，在实际...

测试经理教你如何用monkey进行压力测试!

一、monkey是什么1、monkey程序由android系统自带，使用Java语言写成，在Android文件系统中的存放路径是：/system/framework/monkey.jar2、Mo...

Java-Maven详解

一、什么是Maven？ApacheMaven是一个软件项目管理的综合工具。基于项目对象模型（POM）的概念，提供了帮助管理构建、文档、报告、依赖、发布等方法，Maven简化和标准化项目建设过程。处理...

SpringBoot打包部署最佳实践

springboot介绍SpringBoot目前流行的javaweb应用开发框架，相比传统的spring开发，springboot极大简化了配置，并且遵守约定优于配置的原则即使0配置也能正常运...

取消回复欢迎 你 发表评论:

一周热门
最近发表
标签列表