在我的应用程序中使用箭头函数时遇到问题
箭头函数是ES6引入的一种新的函数定义方式，它具有简洁的语法和特定的作用域规则。然而，在使用箭头函数时，可能会遇到一些问题。
- 作用域绑定：箭头函数没有自己的this值，它会继承外部作用域的this值。这意味着在箭头函数内部无法使用this来引用函数自身的对象。如果需要使用this，可以考虑使用普通函数。
- 不适用于构造函数：箭头函数不能用作构造函数，因此无法使用new关键字实例化对象。如果需要创建可实例化的对象，应该使用普通函数。
- 无法使用arguments对象：箭头函数没有自己的arguments对象，它会继承外部作用域的arguments对象。如果需要使用函数的参数列表，可以使用rest参数或者使用普通函数。
- 无法使用yield关键字：箭头函数不能用作生成器函数，因此无法使用yield关键字来实现迭代器功能。
- 无法绑定自己的arguments对象：箭头函数无法通过bind()、call()或apply()方法来绑定自己的arguments对象，因为它没有自己的arguments对象。
尽管箭头函数有一些限制，但它们在某些情况下仍然非常有用。例如，当需要在回调函数中保留外部作用域的this值时，箭头函数可以提供简洁的语法。
腾讯云相关产品和产品介绍链接地址：
- 云函数（Serverless）：https://cloud.tencent.com/product/scf
- 云开发（CloudBase）：https://cloud.tencent.com/product/tcb
- 云数据库 MongoDB 版：https://cloud.tencent.com/product/cosmosdb-mongodb
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能（AI）：https://cloud.tencent.com/product/ai
- 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 区块链（Blockchain）：https://cloud.tencent.com/product/baas
- 元宇宙（Metaverse）：https://cloud.tencent.com/product/metaverse
相关·内容
2回答
JS中的箭头和词义范围
javascript、this、arrow-functions、lexical-scope
考虑到以下代码：
const outter = {
inner: {
laughter: "hahaha",
laugh: () => {
console.log(this) //`this` is window
}
}
}
const x = {
test: function () {
const laugh = outter.inner.laugh
console.log(this) //`this` is x
laugh()
}
}
x.test()
我希望laugh方法中的laugh与
浏览 0提问于2018-08-20得票数 0
回答已采纳
4回答
为什么React组件中的类函数不能访问属性？
reactjs、react-native、ecmascript-6
我遇到了一个很大的问题，有一个函数无法访问react中组件的道具：
renderRow(employee) {
console.log('props here', this.props); //undefined
}
但是，当我将它改为一个胖箭头函数时，它工作得很好
renderRow = (employee) => {
console.log('props here', this.props); //success?
}
为什么会这样呢？我有什么不明白的吗？
浏览 1提问于2018-01-10得票数 0
2回答
为什么this.key在JavaScript中不能正常工作？
javascript
let student = {
fname: "Carlos",
lname: 'Dubón',
sayHi(){
alert(`Hi my name is ${this.fname}`);
},
sayBye: function() {
alert(`Bye ${this.fname}`);
},
sayHiAgain: ()=> {
alert(`Hi my name is ${this.fname}`);
}
}
student.
浏览 3提问于2020-07-24得票数 5
回答已采纳
2回答
如何将其绑定到方法中的对象中
javascript、this
如何将其绑定到一个箭头函数的方法中？为什么person.hello.bind(person)不能工作？
const person ={
name: "anna",
hello: ()=> console.log(`hello ${this.name}!`)
}
person.hello()
浏览 0提问于2020-09-19得票数 0
3回答
为什么在调用foo.fn()时，JS不总是将‘`this`’绑定到‘foo.fn’？
javascript、ecmascript-6、binding、this
我认为JavaScript ES6的箭头函数有两个变化：
摆脱“丢失的绑定问题”。
当调用this时，使foo.fn()不绑定到foo。
对于上面的(1)，下面的代码可以说明(运行在Node控制台中)：
var peter = {
name: "Peter Pan",
greetLater: function() {
setTimeout(function() {
console.log("Hi my name is", this.name);
}, 0);
浏览 0提问于2019-09-10得票数 1
2回答
React:未定义的TypeError:无法读取未定义的属性(读取'setState')
reactjs、api
我刚开始学习React，我想通过做一个API调用来获取一些东西，这个调用似乎对我不起作用。对于下面的代码，我在标题中提到的控制台中得到了一个错误。
错误显示在下面代码的fetch语句中，我无法纠正它。我在这里要做的是获取一个位置的纬度和经度，并将其传递给一个URL来获取天气。
从"react“导入React，{ Component }
class WeatherData extends Component{
constructor(props){
super(props);
this.state ={
weatherReport:[]
};
浏览 4提问于2022-08-27得票数 0
回答已采纳
2回答
这个内部对象方法的值？
javascript、scope、arrow-functions
在使用箭头函数调用函数时，我对this的值非常困惑。以我的例子为例：
var obj = {
property: 5,
func1: function () {
console.log(this.property);
},
func2: () => {
console.log(this.property);
}
}
当我将这段代码放在浏览器控制台上时，会发生一件有趣的事情，func1()会像预期的那样输出5 *，但是当我运行func2时，我得到了undefined。这里发生什么事情？为什么this在func2中引用全局对象(在本例中为Window)。
浏览 4提问于2016-07-24得票数 0
回答已采纳
1回答
NodeJS提示符中的"this“值(声明的vs表达式函数)
javascript
我正在与this关键字斗争。我正在比较声明函数中的this值与表达式函数中的值。
// Declared function
function declaredFunction() { console.log(this); }
// Expression function
var expressionFunction = (() => { console.log(this); }) ;
我在一个this.js文件中定义了它们两个，并使用一个简单的node this.js命令运行它。
declaredFunction();
expressionFunction();
declaredFun
浏览 0提问于2019-08-21得票数 0
1回答
如何修复foreach循环中无法读取属性错误的问题
typescript、ionic-framework、ionic3
我有一个foreach循环，在这里我从firebase获取数据。我希望设置一个全局变量来保存“set”(每个对象的属性)。但是，当我在forEach循环中调用全局变量时，我会得到一个错误：“无法设置未定义的属性点”。
当我尝试在代码的其他部分中记录全局变量时，它会工作，但是当我在forEach循环中这样做时，它就不能工作了。
spotrating: any;
稍后在我的代码中
temparr.forEach(function(firebaseSpot) {
console.log(this.spotrating);
});
我希望得到打印到控制台的假点的值，但是我一直得到错误
浏览 3提问于2019-04-21得票数 1
回答已采纳
3回答
猫鼬模型静态/方法不保存"this“中的值
javascript、node.js、mongodb、mongoose、passport.js
我试图用mongodb用户模型实现护照js身份验证。现在，您可以看到，我已经在用户模型上创建了一个方法。因此，当我将此方法应用于用户的实例时，我希望" this“保存所有的user对象。但在这种情况下并没有发生这种情况。下面是一个工作代码，但是我已经传递了一个额外的变量来使它工作。但我不想那样做。我在哪里搞错了？
下面是签名的护照配置文件
var passport = require('passport');
var User = require('../models/users');
var LocalStrategy = require('p
浏览 12提问于2016-12-20得票数 3
回答已采纳
3回答
对箭头函数的困惑
javascript、arrow-functions
你能告诉我片段1怎么了吗？我对obj.discover()的预期输出是3。我如何不能将this绑定到对象的箭头函数方法？
'use strict'
// Snippet 1
var obj = {
data: 3,
discover: () => {
return this.data
}
}
obj.discover() // -> undefined
obj.discover.bind(obj)() // undefined
// but if I don't use the arrow notation, everything
浏览 8提问于2016-11-16得票数 0
回答已采纳
2回答
隐藏“`this`”-词法名称解析
javascript、this
编辑:我认为这不是一个复制；它是一个隐藏的参数，我想问一下与this相关的隐藏，以及读过 re后的词法范围。阴影。
我曾想过，名称this的含义可能会被动态地解析(在范围界定方面)，从而解释为什么在我看来它没有在词汇上得到解决：
function foo() {return this;}
var a = {f: foo};
var b = {f: foo};
a.f() !== b.f();
a.f() !== foo();
a.f() !== window; //not strict mode
但是，我读到，每个函数都作为附加参数接收this，静默地。(我意识到箭头功能是不同的。)
显然，
浏览 6提问于2016-03-10得票数 0
回答已采纳
4回答
请描述您的问题
标题：OCR - 身份证识别 - 智能图像服务 - 产品文档 - 帮助与文档 - 腾讯云
地址：https://cloud.tencent.com/document/product/641/12424
浏览 1970提问于2018-02-06
4回答
在单击处理程序ECMA脚本6中的范围。
javascript、jquery、ecmascript-6
当this的作用域在ES6箭头函数中可用时。
但是这里有一种情况，当箭头函数使用普通匿名函数时，我无法访问它的this。
示例
样本1
$(document).ready(function() {
$('.principal').click(() => {
alert($(this).parent().html()); // 'this' is undefined here
});
})
样本2
$(document).ready(function() {
$('.principal').click(
浏览 5提问于2017-04-06得票数 0
回答已采纳
2回答
验证箭头函数的参数数的好方法？
javascript、ecmascript-6
显然，arguments.length不起作用。
我可以将签名更改为f: (...args) => { if (args.length>0) { ..}; };
但这将从函数声明中删除参数信息。
有更好的方法吗？
浏览 2提问于2016-09-11得票数 10
回答已采纳
4回答
为什么“这”等于“窗口”在我的原型功能？
javascript
我在prototype类上编写了一个Array函数，如下所示
Array.prototype.myfunc = () =>
{
// ...
}
在主体中，this指的是window，当我在数组上调用它时，如
var result = [1, 69, -1, 1].myfunc();
如何使它引用正在调用它的数组？
浏览 5提问于2016-07-11得票数 4
回答已采纳
1回答
这是类方法与箭头函数的比较
javascript、ecmascript-6、scope
日安
最近我遇到了一种奇怪的情况，类的成员函数上的this值是未定义的。我知道有很多关于未定义的this上下文的问题，但是我找不到任何关于这个问题的解释。我很想知道为什么会这样。在这个例子中，为什么setModified函数的箭头函数实现保留了这个上下文，而类上的函数却没有。
此示例中断块类上的setModified函数。
class point {
constructor(x, y) {
this._x = x || 0;
this._changeEvents = [];
}
set changeEvent(eventFunction
浏览 3提问于2020-07-03得票数 1
回答已采纳
4回答
箭头函数中的‘'this’关键字
javascript
尝试正确地学习箭头函数中的“this”关键字。
在阅读和观看了一些视频后，我了解到，对于常规函数，每当调用该函数时，都会定义'this‘关键字。
箭头函数内的'this‘将根据'this’的值定义，无论您在何处构建该函数。
所以我打开控制台，使用两个对象和两个函数。
我这样做了：
const reg = {
reg1: "reg1",
reg2: {
reg3: 'reg3',
regFunc: function(){console.log(this)}
}
}
c
浏览 2提问于2020-01-18得票数 9
3回答
如何通过eventListener和‘innerHTML’获取元素的innerHTML？
javascript、this、addeventlistener、innerhtml
第一个和第二个代码可以工作，而第三个代码不能？我试着去理解它，但是什么也找不到。如果任何人可以解释它或参考一些文档，我非常感谢！谢谢!
工作正常：
<p id="p" onclick="myFunc(this)">foo</p>
<script>
function myFunc(el){
console.log(el.innerHTML) // outputs "foo"
}
</script>
也运行得很好：
<p id="p">foo</p&g
浏览 3提问于2020-05-26得票数 0
2回答
Javascript对象中的箭头函数
javascript、ecmascript-6、arrow-functions
let objNewWay = {
width:400,
height:300,
area: () => this.width*this.height
};
console.log(objNewWay.area()); // NaN
let objOldWay = {
width:400,
height:300,
area: function() {
return this.width*this.height;
}
};
console.log(objOldWay.area()); // 120000
我不明白为什么Javascript对象中的箭
浏览 4提问于2017-04-19得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
