箭头函数在导出时混淆
箭头函数是ES6中引入的一种新的函数定义方式。它与传统的函数定义方式相比，具有简洁的语法和特殊的作用域绑定规则。
箭头函数的语法形式如下：
const functionName = (parameter1, parameter2, ...) => {
// 函数体
};箭头函数的特点如下：
- 简洁的语法：箭头函数可以通过省略function关键字和大括号来简化函数的定义，使代码更加简洁易读。
- 自动绑定this：箭头函数没有自己的this值，它会继承外层作用域的this值，解决了传统函数中this指向的问题。
- 没有arguments对象：箭头函数没有自己的arguments对象，但可以通过rest参数来获取传入的参数。
- 不能作为构造函数：箭头函数没有prototype属性，因此不能被用作构造函数来创建对象实例。
箭头函数的应用场景包括但不限于：
- 回调函数：箭头函数可以简化回调函数的定义，提高代码的可读性。
- 简单的函数表达式：当函数体非常简单时，可以使用箭头函数来定义，减少代码量。
- 避免this指向问题：箭头函数继承外层作用域的this值，可以避免this指向错误的问题。
腾讯云提供了云函数（Serverless Cloud Function）服务，可以用于部署和运行箭头函数。云函数是一种无服务器计算服务，可以帮助开发者在云端运行代码，无需关心服务器的配置和管理。您可以通过腾讯云云函数产品介绍了解更多信息：云函数产品介绍
注意：本回答中没有提及亚马逊AWS、Azure、阿里云、华为云、天翼云、GoDaddy、Namecheap、Google等流行的云计算品牌商，以遵守问题要求。
相关·内容
2回答
在角度上，您将代码划分为在单独的类/组件中调用REST服务。我试图做一些类似的反应。从这里的多个帖子中我可以看到，建议在类上使用箭头函数。是否同样适用于REST/数据服务？我问的原因是，当代码如下所示时，我会收到大量的林特警告。欢迎所有关于使用REST服务的最佳做法的建议。
export const DataService = () => {
const getCustomers = params => {
alert("sfdff");
};
const getProducts = params => {
alert("
浏览 5提问于2020-01-14得票数 1
回答已采纳
当我尝试创建和导出这样的箭头函数时：
export default () => {};
我收到了ESLint的警告：
将箭头函数赋值给变量，然后导出为模块默认值
当然，我可以将它赋值给一个变量，然后导出它。但为什么我不能用另一种方式去做呢？导出箭头函数而不将其分配给某物有什么问题？
浏览 4提问于2021-08-14得票数 9
1回答
下面是我在我的小应用程序中使用的用于状态的角2代码(感谢Victor Savkin的文章)：
const initState = new OpaqueToken("initState");
export const dispatcher = new OpaqueToken("dispatcher");
export const state = new OpaqueToken("state");
const dispValue = new Subject<Action>();
const initStateValue = { subs
浏览 0提问于2016-11-06得票数 1
我在Ubnutu18.04上安装了vnc4server，在Windows 7上安装了vncviewer，在Ubuntu上登录到vnc4server之后，一切都很好。但是，在终端中，箭头键不能正常工作。当我按左键、右键和上箭头键时，它根本没有反应。当我按下箭头键时，它的工作方式类似于"Enter“键。请告诉我如何解决这个问题。
Gnome不适合vncserver，所以我使用xfce4。
浏览 0提问于2018-10-02得票数 0
2回答
我正在尝试将一个名为handleDeleteToDoItem的函数从父ToDoContainer传递给子ToDoListOfItems。
这是用<ToDoListOfItems toDoItems={this.state.toDoItems} deleteToDoItem={this.handleDeleteToDoItem} />完成的
但是，当我在this.props.deleteToDoItem中呈现ToDoItems时，当我用ToDoListOfItems引用它时，会发现子类从未接收到该函数。
我从ToDoContainer传下来的所有其他州都被认可了，除了deleteTo
浏览 1提问于2017-12-29得票数 2
回答已采纳
3回答
我用反应钩子做了个下坠。按钮应该有箭头，箭头旋转。我的第一个版本很好：
const DropdownMenu= (props) => {
const [open, setOpen] = useState(false);
const openDropdown = (): void => setOpen(prevState => !prevState);
return (
<div>
<Button
onClick={openDropdown}
浏览 2提问于2020-03-20得票数 0
回答已采纳
2回答
刚接触ES6时，我正在尝试创建一个React简单的功能组件，如下所示
// ./Todo.jsx
export default const Todo = ({
todos,
onTodoClick,
}) => (
<ul>
{todos.map( (todo, i) =>
<li key = {i}
onClick = {() => onTodoClick(i) }
style = {{textD
浏览 0提问于2016-01-08得票数 67
回答已采纳
1回答
因此，我有以下代码：
public someFunctionName = (someParam: someType): void => {
...some code
};
当我对文件运行eslint时，会得到错误：expected someFunctionName to have a type annotation。
解决这个问题的唯一方法是删除箭头函数并用一个常规函数替换。
有人知道如何解决箭头函数的这个问题吗？
浏览 2提问于2019-11-22得票数 1
我想将类方法分离到它们自己的文件中。例如，如果在test.js中有这样一个简单的类
export default class TestClass {
testFunction(...args) {
return require('./test-function').apply(this, args);
}
}
然后在test-function.js方法中：
export default function() {
/* `this` keyword works fine */
}
但是，如果我将其更改为箭头函数，那么这个就不再工作了(因
浏览 2提问于2016-03-21得票数 0
我试图在下面的代码中创建一个还原器，但是我一直在控制台中得到这个错误：
未登录的SyntaxError:意外的令牌导出
const INIT_STATE = [];
export default (state = INIT_STATE, action) {
switch(action.type) {
default: state
}
}
我仍然在试图在redux中找到我的方法，并且不知道如何解决这个错误。
浏览 4提问于2017-03-19得票数 0
箭头函数没有参数数组；使用...arguments有多好？它会不会在未来打破一些东西？ const getStr = (...arguments) => [].slice.call(arguments, 1).join(arguments[0])
getStr( '*', '1', 'b', '1c' ) // '1*b*1c'
浏览 21提问于2019-09-18得票数 2
回答已采纳
5回答
有谁能给我简单介绍一下这个词吗？
箭头函数表达式(也称为fat箭头函数)的语法比函数表达式要短，并且在词汇上绑定此值(不绑定它自己的
这是否意味着当我使用“胖箭”函数中的“this”引用来调用函数成员时，“this”始终指的是“this”。
浏览 10提问于2016-01-09得票数 27
回答已采纳
1回答
通常，我看到的问题是人们无法从他们的范围之外访问变量。然而，我似乎正在经历相反的情况:我看到变量仍然具有来自内部作用域的值，它们应该在之后放弃。例如(使svn别名类似于)：
function svn() {
case $@ in
alias*) shift 1;
for i in "$@"; do
if [[ "$i" == "-t" ]];
then
j="$i,$j"
浏览 0提问于2015-06-03得票数 4
回答已采纳
1回答
我正在使用raphael.js创建一个图表。在我的图表中有用箭头连接的矩形。我使用导出这个svg，然后使用batik将这个svg字符串转换成pdf。但是在pdf中，我没有得到连接pdf中各种矩形的连接器上的箭头。我使用raphael 创建矩形之间的连接。我真的需要那些箭头在pdf。请告诉我有什么问题。
另外，静态地添加defs标记，并通过操作svg字符串来替换箭头-end-url属性，看起来并不像一个好的solution.Is，还有其他的方法。？
浏览 4提问于2013-05-23得票数 1
回答已采纳
1回答
我试图从一个函数调用一个服务，但是我在控制台中得到了这个错误：
无法读取未定义的属性“TestMethod”
这是我的密码：
app.component.ts：
构造函数( public _service: BackendFileCodeService){ }公共编辑器；EditorCreated(quill) { const工具栏=quill.getModule(工具栏)；this.editor = quill；// console.log(quill) toolbar.addHandler('image'，this.imageHandler)；} documen
浏览 1提问于2017-09-23得票数 0
当我在场景中添加一个立方体时，立方体的蓝色轴(=向前)指向某个方向。
现在，当我在检查器中将立方体的Y旋转改为90时，蓝色箭头不会旋转。
我原以为它会随着我为立方体定义的旋转而旋转。
这里发生了什么事？
为了更详细地解释为什么这让我感到困扰/困惑：
我想重建RE4库存(这是实际的3D)。本清单中的物品可以在“网格”中移动：
📷
为了做到这一点，我制作了一个手提箱，然后我给它加了一把枪：
📷
正如人们所看到的，我已经正确地指定了面向方向:蓝色轴(=向前)指向枪的方向。
现在，我想把枪旋转成这样一种方式，它显示在最初的RE4库存中。
为此，我应用Y= -90的旋转。
这把枪现在看上去是正确的：
📷
浏览 0提问于2019-05-04得票数 0
回答已采纳
最近，我养成了将函数定义为
()=>{
}
但是带有syntastic的vim中的jslint显示了相同的错误，并希望以以下格式定义
function(){
}
我是不是漏掉了什么？第一个定义是不是不正确，不应该使用，或者在jslint中传递了一些额外的参数？
浏览 0提问于2017-03-06得票数 0
1回答
我想将回调函数类型转换为另一种类型。例如，使用express。
//definitions.ts
interface ExtendedRequest extends express.Request{
user:IUser;
}
interface ExtendedRequestHandler{
(req:ExtendedRequest, res:express.Response, next:express.NextFunction):any;
}
//app.ts
import * as D from './definitions';
...
// if i u
浏览 8提问于2016-08-16得票数 1
回答已采纳
1回答
我正在做一个项目，我试着使用中间件来验证我的jwt令牌，但我在控制台上得到了一个错误消息，它说“下一步没有定义”，这是我的代码
在login.js中
const verifyy = require('./verifyJWT')
module.exports = (req, res)=> {
verifyy(req, res, next)
}
在中间件所在的verifyJWT.js中，下面是代码
const jwt = require('jsonwebtoken')
const fs = require('fs');
var pu
浏览 1提问于2018-11-07得票数 1
在阅读NodeJS在上的文档时，我对在事件侦听器中处理这个问题的this区域感到有点困惑：
“可以使用ES6 Arrow函数作为侦听器，但是当这样做时，this关键字将不再引用EventEmitter实例：”
const myEmitter = new MyEmitter();
myEmitter.on('event', (a, b) => {
console.log(a, b, this);
// Prints: a b {}
});
myEmitter.emit('event', 'a', 'b');
this表
浏览 5提问于2017-05-06得票数 4
回答已采纳
1回答
下面是我想要做的事情的一个例子，并且目前抛出了一个错误。我不知道为什么，但从语法上讲，导出、赋值默认值和在一行上赋值都是不正确的。让它成为anon函数的好处是，我可以使用fat箭头=>，用(和)打开一个返回值，而不是向return jsx打开{和}。
export default let Checkbox = (props) => (
<div style={styles.checkboxContainer}>
<input styleName={styles.checkbox} type="checkbox" />
&l
浏览 2提问于2015-12-05得票数 1
回答已采纳
2回答
我的目标是尝试将这个上下文从一个普通函数传递到一个箭头函数，但是我一直没有定义。
我知道，在正常函数中，这种行为是动态的，并且取决于函数是如何调用的。箭头函数中的这个函数遵循词法作用域规则来确定其值。但是，当我在第16行调用printWrapper()时，它被设置为car对象，因此当我进一步调用printThis()时，按照词法范围规则，它应该打印car对象，但在我的示例中，第2行上打印的这个对象是全局对象。
printThis = () => {
console.log(this); // prints the global object
}
var car = {
year
浏览 1提问于2019-09-03得票数 0
我的代码是这样的：
mycode.js：
export default {
foo() {
return "foo";
},
bar() {
return "bar" + this.foo();
}
}
othercode.js：
import mycode from "mycode.js";
mycode.bar(); // usually works fine, returns "barfoo"
不过，我在箭头函数中调用mycode.bar()时遇到了困难。问题是bar()中的"th
浏览 1提问于2020-02-21得票数 2
我在function中声明了这个功能组件，但是当我在另一个组件中导入这个组件时，它会引发一个错误，即这个组件是未定义的，当我将这个胖箭头 functional更改为普通ES5函数时，它就能工作了！为什么？
export default ActionButton = (props) => {
return (
<div>
<button>
<FontAwesomeIcon icon={faPlusSquare} className={classes.ButtonItem} />
浏览 2提问于2020-08-29得票数 1
Hom(-,-)在第一个参数中是逆变的，在第二个参数中是协变的。
这一事实能以某种方式提供另一种解释为什么Scala的具有相同的属性吗？
我见过这种说法，例如，但在解释这两个概念之间的联系时，有如此多的人挥舞着手，这让我大吃一惊。
浏览 3提问于2016-05-29得票数 3
这可能是非常基础的。在上，他们展示了“导出默认”的示例，以及“导出默认”之前的组件定义，例如：
import React from 'react';
import { Text, TextInput, View } from 'react-native';
const Cat = () => {
return (
<View>
<Text>I am also a cat!</Text>
</View>
);
}
const Cafe = () => {
ret
浏览 10提问于2021-03-05得票数 0
2回答
我有一些函数，我想将它们保存在一个外部js文件中。例如：
在functions.js中
var double = function(x) {
return x + x;
}
export { double };
然后在我的主js文件中：
import double from './functions';
...
double(2)
我知道这个错误：
Uncaught TypeError: (0 , c.default) is not a function
at bundle.min.js:44
当我读到第44行时：
(0, _functions2.defaul
浏览 4提问于2017-08-04得票数 6
回答已采纳
我尝试在cucumber.js中通过一个步骤保存当前的导航状态(一个具有多个网站的平台上的页面)，这样场景的以下步骤就可以处理它。我想使用World对象来实现它，但是神秘的事情正在发生。
我有一个导航状态对象，如下所示：
module.exports = {
pageName:null,
siteName: null,
isLoggedIn: false
}
然后我有一个像这样的NavigationStateManager
function NavigationStateManager() {
var state
this.setState = func
浏览 0提问于2016-12-14得票数 7
回答已采纳
我目前非常困惑何时应该使用箭头函数，什么时候不应该使用箭头函数。我做了调查，但我还是不清楚。例如，我创建一个按钮来计数单击，代码如下所示：
class Counter extends React.Component {
constructor(props) {
super(props);
this.state = {counter: 0};
}
buttonPressedIncrease = () => {
this.setState((prevState) => {
return {counter: prevState.count
浏览 0提问于2018-03-13得票数 0
回答已采纳
这是我的错误：
未处理的承诺拒绝: TypeError:未定义不是对象(计算'_expo.default.Font') *组件中的app\views\Login.js:33:15
一开始，我收到了一个错误，比如：
fontFamily "Roboto_medium“不是系统字体，也没有通过Font.loadAsync加载。如果要使用系统字体，请确保键入正确的名称，并确保设备操作系统支持该名称。
所以我使用load异步加载字体，但是开始得到上面的错误。
import React, { Component } from "react";
im
浏览 1提问于2019-06-04得票数 6
回答已采纳
我在project.properties中添加了下面一行，从而启用了proguard，
proguard.config=${sdk.dir}/tools/proguard/proguard-android.txt:proguard-project.txt
但我不明白，当我单击Run按钮时，编译器是否使用proguard？
如果不是，我需要编译器来保护每个项目的编译，因为我不能运行我的项目或开发我的项目。
我从dex编译器那里得到一个错误，
"2014-04-09 16:46:04 - Dex Loader无法执行dex: method ID not in 0，0xffff: 6553
浏览 1提问于2014-04-09得票数 0
回答已采纳
当我尝试在量角器中使用javascript ECMAScript 6时，在控制台中收到TypeError。我想有一个基类，所有的动作，量角器做，并导入到另一个页面对象。还要记录量角器在基页上执行的所有操作。 package.json {
"name": "Protractor-end-to-end-test-framework",
"private": true,
"dependencies": {
"@babel/core": "^7.9.0",
浏览 37提问于2020-04-27得票数 0
回答已采纳
1回答
我有个问题。请告诉我..。
import React, { Component } from "react";
class App extends Component {
constructor(props) {
super(props);
}
handleClick = () => {
console.log("clicking")
};
render() {
return (
<div>
<ul>
{this.state.lett
浏览 2提问于2020-10-08得票数 1
1回答
我正在从事一个反应项目，我想知道这两种守则之间的区别是什么：
import "./styles.css";
export default function App() {
return (
<div className="App">
<h1>Hello CodeSandbox</h1>
<h2>Start editing to see some magic happen!</h2>
</div>
);
}
而那一个：
import "
浏览 8提问于2022-11-17得票数 -1
1回答
我有一个abc.js，它有这个
export function doSomething() { ... }
然后我可以把它包含在下面这样的地方
import { doSomething } from './abc'
doSomething()
但是我不能在abc.js中使用箭头函数，比如
export const doSomething = () => {}
为什么？
浏览 0提问于2017-08-16得票数 0
最近，我决定将我的代码转换为类型记录，这导致了将this从JavaScript替换为typescript的问题。
这是我一直在挣扎的代码。TypeScript：
/// <reference path="../typings/tsd.d.ts" />
class FormAjaxSubmit {
form:JQuery;
opt:any;
constructor(element:string) {
this.form = $(element);
this.opt = {
boxI
浏览 2提问于2015-11-18得票数 1
回答已采纳
为了在角中使用AOT，我需要重写我的所有函数/还原器，以避免使用箭头函数：
错误中的错误:遇到静态解析符号值的错误。不支持函数调用。考虑用导出函数的引用替换函数或lambda。
使用ES6样式的减速机：
export const config: ActionReducer<ConfigModel> = (state: ConfigModel = null, {type, payload}: action.ResponseActions) => {
switch (type) {
case configAction.LOAD_SUCCESS:
浏览 0提问于2017-12-12得票数 0
回答已采纳
2回答
有人能解释一下代码在做什么吗？
return () => next => action => {
const callAPI = action[CALL_API];
if (typeof callAPI === 'undefined') {
return next(action);
}
let { endpoint } = callAPI;
const { types, bailout } = callAPI;
它最初是返回一个函数，但我不明白为什么在第一个之后还会有两个胖箭头。
浏览 0提问于2016-03-26得票数 3
回答已采纳
我在一些代码中遇到了一个问题，所以我把它分解成更小的测试组件，试图解决这个问题。
目标是当testInner被赋值给一个变量时，testOuter返回testInner的值。
function testInner(){
return true
}
function testOuter(){
let y = function(){testInner()}
console.log(y())
}
当I为console.log(testInner())时，输出为true。
当我运行testOuter()时，console.log(y())的输出是undefined。
为什么te
浏览 0提问于2021-03-08得票数 0
3回答
下面的export语句提供了一个语法错误
export default const hello = () => console.log("say hello")
为什么？
我只能导出命名函数
export function hello() {
console.log("hello")
}
原因何在？
浏览 0提问于2016-04-07得票数 140
回答已采纳
我正在学习如何使用Node、Express和MySQL创建rest API。我有一个不带参数的函数removeAll，它把结果对象传递给一个箭头函数，然后这个箭头函数运行一个sql函数，然后这个函数接受另一个函数作为参数(err，res)。在嵌套的箭头函数内部，如果我们没有任何错误，并且受影响的行数不等于0，我们会得到返回(null，res)的结果。现在我的困惑是，为什么result包含(null，res)而不仅仅是res。我还对res的实际赋值方式感到困惑，我看到它被传递到箭头函数中，但我们没有显式地设置res是什么。
sql.query("DELETE FROM custome
浏览 0提问于2020-09-14得票数 0
我尝试在主成分分析中的变量图中放置箭头(我使用FactoMineR库的PCA函数)如下：
# Generate random values for the data
data<-data.frame(runif(100,0,1),rnorm(100,2,9),runif(100,0,8),rnorm(100,10,25))
pca<-PCA(data,ncp=2,graph=F)
vPC1<-pca$var$coord[,1]
vPC2<-pca$var$coord[,2]
vlabs<-rownames(pca$var$coord)
vPCs<-data
浏览 0提问于2014-10-28得票数 0
回答已采纳
路由文件
scoreboardroute.js
import { scoreRouteController } from '../controllers/scoreboardcontroller';
const SCOREROUTE = app => {
app.route('/getAllScores').get(scoreRouteController.getAllScores);
};
export { SCOREROUTE };
控制器文件
scoreboardcontroller.js
import { sco
浏览 0提问于2019-08-17得票数 0
const func: () => void = () => {
console.log('I CAN export my function in this way');
};
export default func; export default () => void = () => {
console.log('I CANNOT export my function in this way (Parsing error: Expression expected.)');
}; 如上面的代码所示，我们总是可以通过两种
浏览 56提问于2020-04-13得票数 1
1回答
我正在查看云锚的文档，并且在查看示例代码时，我注意到没有任何关于获取云锚的地理位置的东西。我想知道如何实现这一点，就像google maps live view使用AR箭头引导用户指向目标的方式一样。谢谢！
浏览 44提问于2021-05-10得票数 1
回答已采纳
1回答
如果CatC是一个类别，并且是CatC的任意对象，那么切片类别CatC/A是这样描述的：
SC-1是CatC/A的一个对象，是某个对象C的箭头f: C -> A of CatC。
SC-2是CatC/A从f: C -> A到f': C' -> A的箭头，是具有f = f' . h属性的箭头h: C -> C'。
SC-3：h: f -> f'与h': f -> f''的复合物为h' . h.
CatC/A中的箭头类型是什么？
C -> C(object in CatC to
浏览 2提问于2015-08-16得票数 0
当我试图导入我自己的组件时，我会得到错误：
TS2604: JSX元素类型'Tree‘没有任何构造或调用签名。
为什么？怎么一回事？如何为TS提供我的<Tree>组件的签名？
我的密码。
输入一个文件：
// App.tsx
import ReactDOM from 'react-dom';
import Tree from './index'; // <= Import
ReactDOM.render(
<Tree />, // <= error is thrown here
document.g
浏览 0提问于2019-07-01得票数 1
我需要手动处理实际git2.dll的加载/卸载，而不是在C#中使用[DllImport("git2")]。在创建一个引用存储在libgit2中的方法地址的IntPtr时，我似乎遇到了一些问题。
下面是我的PluginManager类中的一些好东西，它们可以帮助我方便地手动加载、编组/委托(只要我修复了这个问题)和卸载库。
public class PluginManager {
public const string LIB = "Assets\\Plugins\\git2.dll";
[DllImport( "kernel32.dll
浏览 0提问于2013-02-19得票数 0
回答已采纳
在网上做了一些教程之后，我偶然发现了一些我不熟悉的奇怪的JavasSript语法。在这个中，作者这样做
export default ComposedComponent => class extends
有人能给我解释一下这是什么意思吗？它看起来像一个胖箭头函数，但似乎没有任何争论。它也是多行的，但没有方括号。这到底是什么意思？
浏览 4提问于2016-10-22得票数 2
回答已采纳
1回答
我在各种学术论文中看到过lambda抽象符号，这些论文使用TeX将Haskell符号转换为适当的箭头，并将希腊lambdas等表示为
λx.t
而不是
λx -> t
第一种方法来自lambda演算本身，第二种方法是当前的Haskell语言语法。
现在在Haskell上写论文时，使用正式的lambda演算风格的符号是否合适？
浏览 1提问于2014-12-04得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
