JavaScript普通函数与箭头函数-如何设置新范围
JavaScript普通函数与箭头函数是两种不同的函数定义方式，它们在设置新范围（设置函数内部的this值）方面有所不同。
普通函数是使用function关键字定义的函数，它具有自己的this值，该this值在函数被调用时根据调用方式动态确定。普通函数可以使用call()、apply()、bind()等方法来显式地设置函数内部的this值。
箭头函数是使用箭头（=>）语法定义的函数，它没有自己的this值，而是继承了外层作用域的this值。箭头函数的this值在定义时确定，不会被调用方式改变。因此，箭头函数无法使用call()、apply()、bind()等方法来改变this值。
在设置新范围方面，普通函数和箭头函数的区别主要体现在以下几个方面：
- this值的指向：
- 普通函数的this值在函数被调用时动态确定，可以根据调用方式的不同指向不同的对象。
- 箭头函数的this值继承自外层作用域，指向定义时所在的上下文对象。
- arguments对象：
- 普通函数内部可以使用arguments对象访问所有传入的参数。
- 箭头函数没有自己的arguments对象，它会继承外层作用域的arguments对象。
- 构造函数：
- 普通函数可以作为构造函数使用，通过new关键字创建实例对象。
- 箭头函数不能用作构造函数，不能通过new关键字创建实例对象。
总结起来，普通函数适用于需要动态确定this值、使用arguments对象或作为构造函数的场景；而箭头函数适用于需要继承外层作用域的this值、不需要使用arguments对象或不能作为构造函数的场景。
腾讯云相关产品和产品介绍链接地址：
- 云函数（Serverless Cloud Function）：https://cloud.tencent.com/product/scf
- 云开发（Tencent CloudBase）：https://cloud.tencent.com/product/tcb
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版（TencentDB for MySQL）：https://cloud.tencent.com/product/cdb_mysql
- 云存储（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
相关·内容
const obj2 = { console.log(this);};
obj2.test(); 我需要在我的方法中有一个新的作用域
浏览 13提问于2020-07-27得票数 0
回答已采纳
当我试图将JSON插入数组时，它显示了错误错误: Uncaught (承诺)：TypeError:无法读取未定义的属性'CountryArr‘，这里是下面的代码。async ngOnInit() { this.CountryArr.push({ "value": index.id, "name": index.name }); //shows error here
})
浏览 6提问于2020-06-07得票数 1
有些语法非常类似，例如fat箭头函数：和的主要区别是什么？最好是从已经处于相同情况(来回转换箭头函数)的人那里得到一个提示，并指出需要避免的陷阱和错误。
浏览 2提问于2015-10-26得票数 3
4回答
ES6中的新箭头函数类似于一行函数，它使代码更加简洁，还允许您将调用者的作用域保留在函数中，这样您就不需要做var _this = this;之类的事情，或者使用bind函数等等。与普通javascript函数相比，使用ES6箭头函数是否有显著的性能提高？
浏览 9提问于2017-03-13得票数 16
回答已采纳
};
}
在ngAfterViewInit中，this对象是可用的，但是在onload中注册的函数是不可用的在onload函数中，this对象引用元素本身。
浏览 1提问于2018-04-23得票数 1
回答已采纳
它在iPhone、iMac和Windows上运行良好，但当我在安卓设备上运行它时，控制台中会显示以下错误。
* Simple DOM test that collects the value from a textbox,*/
const myheading = document.getEle
浏览 0提问于2018-04-22得票数 0
3回答
React原生和箭头函数
、、、、
在React for web中，为了提高性能，我们不应该在onPress、onClick等情况下使用箭头函数。
这个规则对React Native也有效吗？
浏览 0提问于2018-07-06得票数 0
我正在尝试将来自material2的snackbar设置为angular2服务的错误捕获器。在我看来，我做的一切都是正确的，但仍然有一个错误。return Observable.throw(error.json() || 'Server error');}
所以当捕手得到一个错误而不是蛇条时，我在控制台中得到一个错误，我的函数是未定义的
浏览 3提问于2017-03-27得票数 1
回答已采纳
我试图创建一个登录和注册过程的反应-本机移动应用程序与防火墙身份验证/数据库。用户被正确地添加到firebase身份验证中，但是我希望我的用户配置文件有更多的信息。这就是为什么我在Signup.js中从第33行的代码中删除了它们的名称、电子邮件和其他信息，并在第52行使用助手函数写入数据库。
浏览 0提问于2018-02-06得票数 4
回答已采纳
我正在阅读一本javascript书，下面是作者描述的示例： greeting: "Hi, there", }当调用getWriter返回的箭头函数时因此，调用getWriter函数的方式决定了箭头函数的值。
浏览 0提问于2019-09-06得票数 0
1回答
日安此示例中断块类上的setModified函数。//Creates an instance of the blockbl.topLeft.
浏览 3提问于2020-07-03得票数 1
回答已采纳
2回答
我的目标是尝试将这个上下文从一个普通函数传递到一个箭头函数，但是我一直没有定义。
我知道，在正常函数中，这种行为是动态的，并且取决于函数是如何调用的。箭头函数中的这个函数遵循词法作用域规则来确定其值。但是，当我在第16行调用printWrapper()时，它被设置为car对象，因此当我进一步调用printThis()时，按照词法范围规则，它应该打印car对象，但在我的示例中，第2行
浏览 1提问于2019-09-03得票数 0
2回答
我的Javascript & React级别是初学者。const App = () => {}
这给我带来了一个错误： 3 | }
浏览 0提问于2018-09-29得票数 1
回答已采纳
我使用控制器读取下拉菜单上选择的值，获取一些输入字段的参数，然后保存记录。它创建记录并接收信息非常好。当我试图在操作结束时转换到另一页时，我的问题就出现了。我一直收到错误：Cannot read property 'transitionToRoute' of undefined这是我的控制器代码：export default Ember.Controller.extend({ actions: {
onSelectEntityT
浏览 0提问于2016-08-12得票数 0
回答已采纳
1回答
因为，它是在普通的JavaScript中，所以我无法调用角方法(即，从我用JavaScript编写的输入按键回调函数中调用JavaScript)。
有什么办法我能做到吗？
浏览 1提问于2019-07-04得票数 0
回答已采纳
我认为JavaScript ES6的箭头函数有两个变化：
winonaGreet(); // => Hi my name is undefined
然后利用词法范围上的新</em
浏览 0提问于2019-09-10得票数 1
更新：I通过将createRect()转换为箭头函数使其工作。但是我仍然不知道这里发生了什么，为什么箭头函数解决了这个问题。类中的所有方法是否都是箭头函数？
浏览 2提问于2021-07-20得票数 0
回答已采纳
如果这是javascript嵌套引号的问题，我尝试了一系列的转义模式。还是不走运。blank" href="' + feature.properties['park_home_page_url'] }
}).addTo(this.map)
浏览 24提问于2018-03-02得票数 1
回答已采纳
在我看来，在ES6中，以下两个函数几乎是完全相同的： return this; return this;最终结果似乎是一样的:箭头函数生成一个JavaScript函数对象，其this上下文绑定到与创建它们的this相同的值。显然，在一般意义上，Function.prototype.bind比箭头函数更灵活:它可以绑定到本地this以外的值，并且可以在任何时间
浏览 2提问于2015-09-12得票数 54
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
