我们可以调用new on箭头函数吗？
在JavaScript中，箭头函数是一种简化函数语法的方式，它可以更简洁地定义函数。箭头函数使用"=>"符号来表示，不需要使用关键字function，并且具有自动绑定this的特性。
然而，箭头函数与普通函数在使用上是有区别的。箭头函数不能被调用使用new关键字来创建实例，因为箭头函数没有自己的this值，它会继承外部作用域的this值。而使用new关键字创建实例时，需要一个新的、独立的this值。
因此，不能调用new关键字来调用箭头函数。如果尝试这样做，会抛出一个TypeError错误。
以下是一个示例，展示了箭头函数不能被调用使用new关键字创建实例的情况：
const Example = () => {
this.name = 'Example';
};
const instance = new Example(); // TypeError: Example is not a constructor总结起来，箭头函数不能被调用使用new关键字来创建实例，适用于需要简洁定义函数并且不需要独立的this值的场景。
腾讯云相关产品和产品介绍链接地址：
- 云函数（Serverless Cloud Function）：腾讯云的无服务器计算服务，支持使用云函数来快速部署和运行代码逻辑。
- 云开发（Tencent CloudBase）：腾讯云的一站式后端云服务，提供云函数、数据库、存储等功能，帮助开发者快速构建全栈应用。
- 云服务器（CVM）：腾讯云的弹性云服务器，提供可靠、安全、灵活的计算能力，适用于各种应用场景。
- 云数据库 MySQL 版（TencentDB for MySQL）：腾讯云的关系型数据库服务，提供高性能、可扩展的 MySQL 数据库。
- 云存储（COS）：腾讯云的对象存储服务，提供安全、可靠、低成本的云端存储解决方案。
- 人工智能开发平台（AI Lab）：腾讯云的人工智能开发平台，提供丰富的 AI 能力和工具，帮助开发者构建智能化应用。
- 物联网开发平台（IoT Explorer）：腾讯云的物联网开发平台，提供全面的物联网解决方案，支持设备接入、数据管理、应用开发等功能。
- 区块链服务（Tencent Blockchain as a Service）：腾讯云的区块链服务，提供简单易用的区块链开发和部署环境，帮助开发者快速构建区块链应用。
- 腾讯云元宇宙（Tencent Cloud Metaverse）：腾讯云的元宇宙解决方案，提供虚拟现实、增强现实等技术支持，帮助企业构建沉浸式体验应用。
请注意，以上产品和链接仅作为示例，具体选择和推荐应根据实际需求和情况进行。
相关·内容
1回答
使用ES6，javascript提供了箭头函数的使用，如：
var quadr= x => x * x;
我知道这会影响this，arguments，super和new.target的结合。
这对于确保在每个范围内都有一个正确的this当然是有用的。但我怀疑绑定是否会影响脚本的内存占用。执行上下文中的对象较少吗？这会影响功能的表现吗？
以及当我们在箭头函数中引用this时会发生什么(作为内存和分配)，例如：
function person(){
this.age=0;
//it's my birthday so...
()=>{
this.age++;
浏览 1提问于2017-07-30得票数 3
回答已采纳
我对bind与Meteor.bindEnvironment的行为以及this与Meteor.bindEnvironment的作用域有些困惑。例如，
本质上，它允许您创建一个匿名函数，其上下文值“this”是函数的作用域，即定义箭头函数的外部函数的作用域。
所以，当我使用下面的代码时，它似乎可以工作，但是console.log似乎说this是Meteor的作用域。
Cylon = new EventEmitter();
Cylon.messages = new Mongo.Collection('_cylon_messages');
Cylon._commands = n
浏览 5提问于2015-09-28得票数 2
给定这个类
class Car {
foo() {
console.log(this)
}
bar = () => {
console.log(this)
}
baz = function() {
console.log(this)
}
}
let car = new Car();
let a = car.foo;
let b = car.bar;
let c = car.baz;
a() // undefined
b() // car object
c() // undefined
为什么赋值箭头函数的属性在声明时绑定
浏览 0提问于2017-12-20得票数 0
2回答
为什么在这里调用click()输出value属性。
class Button {
constructor(value) {
this.value = value;
}
click = () => {
return this.value;
}
}
let button = new Button("hi")
console.log(button.click()) //hi
并在这里调用click将打印value属性。
function Button2(value){
this.value = value
this.click =
浏览 8提问于2020-07-03得票数 1
回答已采纳
2回答
我知道关于箭头函数的主题讨论了很多，但是找不到对下面的用例的答案。
此示例来自角4指令：
export class MouseParallaxDirective implements AfterViewInit {
constructor(private element: ElementRef) {
}
ngAfterViewInit() {
// Here `this` points at the angular component object
let movementStrength = 25;
let height = movementStr
浏览 0提问于2017-12-26得票数 1
回答已采纳
我很难用多个脂肪箭头把我的头绕在这个功能上。
services.AddTransient<ServiceA>();
services.AddTransient<ServiceB>();
services.AddTransient<ServiceC>();
services.AddTransient<ServiceResolver>(serviceProvider => key =>
{
switch (key)
{
case "A":
return servic
浏览 18提问于2022-01-25得票数 1
回答已采纳
我可以使用一个ng-click属性执行几个操作吗？例如： <input type="button" ng-click="createUser(); isVisiblePopup = true" value="Create new user"> 我还尝试使用箭头函数： <input type="button" ng-click="createUser(); () => { isVisiblePopup = true }" value="Create new user">
浏览 32提问于2017-02-07得票数 1
回答已采纳
1回答
我正在学习OCaml，到目前为止，我很难理解类型的概念。
例如，如果我们有以下代码：
# let func x = x;;
val func : 'a -> 'a = <fun>
从官方网站，它告诉我，箭头之前的'a是未知的输入类型，箭头之后的'a是输出。
但是，当我尝试使用函数组合时：
# let composition f x = f(x);;
val composition : ('a -> 'b) -> 'a -> 'b = <fun>
('a -> '
浏览 0提问于2021-03-02得票数 0
回答已采纳
在尝试用=>提供的ES6特性继承上下文之后，我注意到这个上下文是永远不会改变的。示例：
var otherContext = {
a: 2
};
function foo() {
this.a = 1;
this.bar = () => this.a;
}
var instance = new foo;
instance.bar(); // returns 1
instance.bar.bind(otherContext)(); // returns 1
不使用=>运算符并使用函数关键字：
function foo() {
this.a = 1;
浏览 4提问于2015-10-22得票数 8
回答已采纳
我试图在我的Ionic 2应用程序中使用HTML5画布来制作动画。为此，我必须使用window.requestAnimationFrame()来动画我的画布。这是我的密码：
import { Component, ViewChild, Renderer } from '@angular/core';
import { Platform } from 'ionic-angular';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
...
export c
浏览 2提问于2017-08-11得票数 1
回答已采纳
3回答
我创建了一个简短的测试来解释我的代码是如何反应的。
基本上，我只想在按下按钮时调用函数。没问题，下面的代码可以工作。
// Components/Test.js
import React, { useState } from "react";
import { View, StyleSheet, TextInput, Button } from "react-native";
function Test(props) {
const [text, setText] = useState("");
const myFunction =
浏览 3提问于2021-10-21得票数 0
我通过使用视频教程学习了node js。我不明白箭头函数的意思，.What是常规函数和箭头函数的主要区别吗？
浏览 3提问于2017-07-01得票数 2
我看到了两种编写util函数的方法：
export function func1(arg1, arg2) {
// do something
}
和箭头函数版本
export const func1 = (arg1, arg2) => {
// do something
};
为什么其中一个会用一个而另一个呢？这仅仅是个人喜好的问题吗？
浏览 0提问于2018-04-06得票数 0
回答已采纳
我在一个对象中提交一个ajax表单。
当我尝试在jQuery.ajax.success回调中调用其他对象方法时，此行抛出一个错误...
这是作用域问题吗？
this.DisplayError(data.error);
this.DisplayError不是一个函数
代码：
var toolsform = new function() {
this.sumbitUrl = 'submit.php';
this.DisplayError = function(errorMsg) {
jQuery('#tr
浏览 1提问于2018-05-15得票数 0
13回答
ES6中的箭头函数没有arguments属性，因此，即使只使用匿名函数，arguments.callee也不会工作，而且无论如何也不会在严格模式下工作。
箭头函数不能命名，因此无法使用命名函数表达式技巧。
所以..。如何编写递归箭头函数？这是一个箭头函数，它根据一定的条件递归地调用自己，等等。
浏览 8提问于2014-08-10得票数 50
回答已采纳
我正在阅读Daniel的Learning (顺便说一下，它是出色的)，在"FilterList组件“部分的代码示例中，有一个动作创建者调用，如下所示：
onClick={() => setFilter(category)}
像这样的一个：
onClick={clearFilter}
因此，当没有参数时，调用只使用函数名，而当有参数时，则使用更冗长的语法，在这种情况下，需要使用箭头函数语法。我想和这里的社区核实一下。
如果我可以这样做clearFilter，那么为什么没有箭头函数语法就不能做setFilter(category)呢？
浏览 3提问于2017-09-21得票数 1
2回答
这里有以下代码：
class ColorPrinter {
constructor(sourceFile, colors) {
this.sourceFile = sourceFile
this.colors = colors
}
showColors() {
this.colors.forEach(this.printColor);
}
printColor(colorObj) {
console.log(this.sourceFile, colorObj.name, colorObj.hex);
浏览 1提问于2020-03-29得票数 0
3回答
我已经看到了很多关于这个主题的讨论，我读过很多文章，但是我仍然对this在箭头函数中所指的东西感到困惑。
我似乎收到了与以下代码(简化)相关联的运行时错误：
export class Foo implements OnInit {
myProp: string;
myKeys: Array<any> = [];
mySubKeys: Array<any> = [];
@Input myObj;
. . .
ngOnInit() {
this.myKeys = Object.keys(this.myObj);
this.myKeys.forEach((key)
浏览 1提问于2019-04-01得票数 1
(a => `Hello ES${a}`)(2015);
上面的代码返回Hello ES2015，但我无法理解模板文本如何在这里使用箭头函数工作。
浏览 0提问于2019-01-15得票数 0
回答已采纳
当触发addTodo时，我检查其中的this，上下文是浏览器窗口，而不是data对象。因此，todos最终是未定义的。
知道我错过了什么吗？
HTML：
<div id="todo-list">
<input type="text" v-model="newTodo">
<button v-on:click="addTodo">Add</button>
<ul>
<li v-if="todos.length" v-for="
浏览 12提问于2016-07-28得票数 1
回答已采纳
1回答
根据摩卡文档，不鼓励使用箭头函数。
茉莉花也是这样吗？我在茉莉花文档中找不到关于这个主题的任何指点。
浏览 0提问于2016-08-12得票数 12
回答已采纳
3回答
我正在尝试设置我的FileList组件的状态，但是我一直收到一个错误
未处理的拒绝(TypeError)：无法从第43 - this.setState({list: this.setState})中读取未定义的属性'setState‘；
我把这个函数绑定到这个，就像网上建议的那样，有人知道如何让它工作吗？
export default class FileList extends Component {
constructor(props) {
super(props);
this.getList = this.getList.bind(this);
浏览 0提问于2018-06-26得票数 0
回答已采纳
我有一个CartContext，其中我增加(增加1)，减少(减少1)或删除函数。我也有一个InputField号码，我希望必须创建一个功能，以增加当上箭头被点击和减少时，下箭头被点击。这是我目前的实现：
<Col className="col-2">
<input defaultValue={product.quantity} type="number" min="1" max="10" onChange={handleChange}/>
</Col>
const handleChan
浏览 0提问于2021-05-26得票数 0
2回答
perl构造函数关键字'new‘
、、、、
我对Perl很陌生，目前正在学习面向Perl对象，并遇到了编写构造函数的问题。当使用new作为子例程的名称时，第一个参数将是包名。
构造函数必须使用关键字new吗？还是因为当我们使用packagename调用new子例程时，传入的第一个参数将是包名？
packagename->new;
当子例程有其他名称时，它将是第一个参数，将是对对象的引用？还是因为当通过对对象的引用调用子例程时，传入的第一个参数将是对对象的引用？
$objRef->subroutine;
浏览 6提问于2014-06-08得票数 9
回答已采纳
我们都知道，我们需要绑定函数的反应，以使它的工作。我知道我们为什么要绑它。
但我不知道为什么我们不需要绑定箭头函数。
示例:使用箭头函数(不需要绑定)
handleClick = () => {
this.setState({
isToggleOn: !this.state.isToggleOn
});
}；
现在，使用函数(必须绑定)
this.handleClick = this.handleClick.bind(this);
handleClick() {
this.setState({
isToggleOn: !this.state.isToggleO
浏览 1提问于2018-10-25得票数 12
回答已采纳
2回答
我正在学习Javascript中的箭头函数。
我以两种方式使用了forEach。
没有箭头的那个工作正常，但是有箭头的那个不工作。
你能告诉我为什么吗？
let ary = [1,2,3,4,5];
function callback (i) {
console.log(i);
}
// Working
ary.forEach(callback);
// Not working
ary.forEach((i)=>callback);
浏览 0提问于2019-02-24得票数 4
回答已采纳
我正在尝试将Arrow文件加载到scala中。但是，每次我调用他们的arrowStreamReader.loadNextBatch()或arrowFileReader.loadRecordBatch(arrowBlock)时，JVM都会在下面打印错误：
An exception or error caused a run to abort: org.apache.arrow.memory.NettyAllocationManager$1.create(Lorg/apache/arrow/memory/BufferAllocator;J)Lorg/apache/arrow/memory/Allo
浏览 16提问于2021-12-19得票数 1
var emitter = require('events').EventEmitter;
var util = require('util');
let Person = function (name) {
this.name = name;
};
util.inherits(Person, emitter);
let p = new Person("jonny");
p.on('speak', (said) => {
console.log(` ${this.name} said: ${said}
浏览 2提问于2016-08-01得票数 0
我读了一些代码：
class XXXX {
init() {
MyOBJ.on('EVENTNAME', this.myfunction.bind(this)); // Line3, MyOBJ extends EventEmitter
}
}
只是好奇如何使用箭头函数来代替Line3？谢谢
浏览 4提问于2018-02-09得票数 7
回答已采纳
2回答
我在Login.vue中定义了一个vue.js组件，让我可以通过AWS认知登录用户到我的应用程序。我使用___.authenticateUser()方法登录用户，并开始一个与科尼图的会话。下面是这样做的实际代码：
export default {
name : 'Login',
data: function() {
return {
errorMessageHidden: true,
formHidden: false,
errorMessage: '',
email: '',
浏览 0提问于2018-02-08得票数 1
回答已采纳
Parse::RecDescent的new方法具有以下原型：
sub new ($$$)
{
# code goes here
}
如果我像这样创建一个对象：
my $parser = Parse::RecDescent->new($grammar);
它将创建一个解析器，该方法将接收两个参数"Parse::RecDescent“和$grammar，对吗？如果我尝试创建一个对象，比如：
Parse::RecDescent::new("Parse::RecDescent",$grammar)
如果说“Parse：：RecDescent：：new没有足够的参数”
浏览 0提问于2010-02-13得票数 3
回答已采纳
2回答
在traverse npm包中，有下面的示例
var obj = [ 5, 6, -3, [ 7, 8, -2, 1 ], { f : 10, g : -13 } ];
traverse(obj).forEach(function (x) {
if (x < 0) this.update(x + 128);
});
在回调函数中，可以调用this.update。我知道，在这种情况下，您应该使用常规(而不是ES6箭头)类型的函数定义，如上面所示。
但是出于好奇，您如何使该代码与ES6箭头函数语法一起工作呢？如果我按下面的方式尝试，就会得到TypeError: Cannot rea
浏览 2提问于2015-11-15得票数 3
回答已采纳
1回答
这是我为用户注册流的第一个UML图。
经过反复检查，我觉得我有一个拥挤的图表相比，我可以找到谷歌搜索。
我的问题：
我的alt and else分支使用正确吗？
在序列图中包含错误响应有效吗？
包括我所包括的笔记有效吗？
这是我的序列图设计：
📷
这是我的序列图代码：
@startuml
actor Client
participant Controller
participant UserRepository
participant UserProfileRepository
database MongoDB
Client -> Controller ++ : Registrati
浏览 0提问于2020-05-15得票数 0
4回答
在我所读的书中，我经常看到这样的符号：
int -> int -> int * int
显然，它是某种东西的型。
有什么地方的指南可以解释怎么读吗？这对我来说只是个小插曲和箭头。
浏览 4提问于2014-03-24得票数 3
回答已采纳
我见过，但我看不出它回答了以下问题。
鉴于这一守则：
var MyDate = function(date) {
this.date = date;
};
var obj1 = {
foo: new Date(),
bar: new MyDate(this.foo) // this.foo is undefined
};
var obj2 = {};
obj2.foo = new Date();
obj2.bar = new MyDate(this.foo); // this.foo is undefined
var obj3 = {
foo: n
浏览 6提问于2012-11-18得票数 64
回答已采纳
据我所知，箭头函数类似于普通函数。当我这样使用时，没有问题：
let X = () => {};
let Y = function() {};
X();
Y();
但是，当我将它们与new一起使用时出现错误
let X = () => {};
let Y = function() {};
x = new X();
y = new Y();
Uncaught TypeError: X is not a constructor
你能给我解释一下为什么吗？非常感谢。
浏览 92提问于2016-06-02得票数 14
2回答
阅读React我偶然发现了
class Clock extends React.Component {
constructor(props) {
super(props);
this.state = {date: new Date()};
}
componentDidMount() {
this.timerID = setInterval(
() => this.tick(),
1000
);
}
componentWillUnmount() {
clearInterval(this.timerID)
浏览 5提问于2017-04-04得票数 1
回答已采纳
在标题中，我希望在节点中创建多个WebSocket客户机，因此我决定创建一个类，该类将管理单个连接，然后创建该类的X实例。这是我的密码
class CreateNewConnection {
constructor () {
this.ws = new WebSocket('wss://echo.websocket.org/', {
origin: 'https://websocket.org'
})
this.ws.on('open', function open () {
console.l
浏览 3提问于2020-06-04得票数 1
回答已采纳
我正在寻找一个优雅的替代箭头函数的反应组件。
在父容器中使用箭头函数会导致子容器中的性能问题。这是因为匿名箭头函数被认为是“新”函数实例，因此每个父render()都会导致纯组件重新呈现(如果所述箭头函数被传递下去)。
我个人喜欢箭头函数的使用，因为它们的可读性。例如，下面的代码：
render() {
return (
<div>
<h1>Users</h1>
<ul>
{this.state.users.map(user => {
retur
浏览 1提问于2019-02-18得票数 1
回答已采纳
1回答
今天我不得不合并两个对象，选取一个对象a的属性，并将它们放入一个对象b中。我不明白为什么第一个语法/语句不工作，而第二个语法/语句工作。
let user = { a: 1, b: 2 };
let data = { z: 1, c: 3, f: 8, d: 4 };
// Let's say I want user to be { a: 1, b: 2, c: 3}
// method 1 (not works)
const r1 = {
...user,
...({c} = data)
};
document.getElementById("r1
浏览 13提问于2020-05-07得票数 2
回答已采纳
在CoffeeScript中构建类时，是否应该使用=> (“胖箭头”)运算符定义所有实例方法，并使用->运算符定义所有静态方法？
浏览 2提问于2012-01-23得票数 139
回答已采纳
我目前非常困惑何时应该使用箭头函数，什么时候不应该使用箭头函数。我做了调查，但我还是不清楚。例如，我创建一个按钮来计数单击，代码如下所示：
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
回答已采纳
3回答
回调中对此的混淆
、、
我真的很困惑这在回调中的价值，我知道这个值总是从调用它的位置取出来的，但是在下面的代码中，我不知道发生了什么。
userSchema.pre("save", function(next) {
let user = this;
bcrypt.hash(user.password, 10, function(err, hash) {
if (err) {
next(err)
} else {
user.password = hash;
next();
浏览 9提问于2017-11-25得票数 2
我一直在尝试理解为什么我一直遵循的教程向我展示了在下面的输入栏中检查“模糊”的方法。我试着重写这个方法而不使用currying，似乎是不可能的。有没有在React / JS方面有经验的人能够帮助解释发生了什么？我理解像下面这样的经典例子的基本用法：
const multiply = (a)=> (b)=> a*b则..乘(5)(5)
但是除了我不需要像我在组件本身中创建的其他方法那样“绑定”" this“之外，我不能理解为什么这也是有效的。希望更好地了解这一点，到目前为止，还没有野外的材料可以清楚地了解正在发生的事情。
import React, { Component }
浏览 2提问于2020-11-22得票数 0
读它的状态
特别要注意的是，函数箭头与右边相关联，即W -> X -> Y -> Z等效于W -> (X -> (Y -> Z))。我们总是可以添加或删除类型中最右边最顶层箭头周围的括号。
函数箭头与右侧相关联，但当函数应用程序与左侧关联时，这些信息的有用性是什么？我觉得我没有理解什么，因为这是一个毫无意义的点，函数箭头关联到右边。由于函数应用程序总是与左关联，那么这是我应该关注的唯一关联？
浏览 1提问于2015-05-25得票数 8
回答已采纳
2回答
假设我有一个用于设置初始状态的汽车数组：
const [ carState, setCarstate ] = useState({
cars: [
{model: 'Ferarri', yearOfFabrication: 2001},
{model: 'Toyota', yearOfFabrication: 2005},
{model: 'Tesla', yearOfFabrication: 2017},
{model: 'Ford Mustang', yearOfFabr
浏览 0提问于2020-05-31得票数 3
今天我试了Vue，在我能走路之前一直在试着跑，所以我偶尔会撞上墙壁。我之前问了几个问题，我带着另一个问题回来了。
我问的最后一个问题是“无法在脚本中访问数据变量，但可以在html中访问数据变量”，问题是一个错误。一旦修复了该类型，我就能够访问我在脚本中填充的数据变量，但是现在我遇到了使用ajax和许诺填充数据变量的问题，虽然我可以在html中访问它，但是我现在无法访问脚本中的变量数据，我再次检查了一下，我没有输入错误。
我不理解的是，如果json字符串位于局部变量中，那么我可以访问上述数据变量，但不能在使用ajax填充数据变量之后访问。
现在我得到错误而无法访问变量..。
这里是我的ajax调
浏览 0提问于2018-10-28得票数 0
回答已采纳
1回答
我很难让我的弹丸--在这种情况下，是箭头--在抛物线弧线中旋转，就像它应该旋转一样。它在旅行时根本不旋转，直到它与某物相撞。
下面是我使用的相关代码。
public class Arrow extends BodyDef{
private Body body;
public Arrow(float x, float y, float halfWidth, float halfHeight, float rotation, float velocity) {
type = BodyDef.BodyType.DynamicBody;
position.set(x, y);
浏览 0提问于2016-10-06得票数 1
回答已采纳
了解关于的知识，其他人能不能在下面这两种场景中使用绑定？如果您可以使用handleClick引用this.handleClick，为什么仍然需要绑定它？处理程序中的this不会已经指向组件了，因为调用处理程序的不是组件吗？此外，为什么将处理程序放置在匿名函数中也有效？
在JSX回调中，您必须小心这一点的含义。在JavaScript中，类方法在默认情况下不受绑定。如果忘记绑定this.handleClick并将其传递给onClick，则在实际调用该函数时，这将是未定义的。
解决办法是：
class Toggle extends React.Component {
constructo
浏览 3提问于2016-11-09得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
