react中，const function = ()=>{}和function(){}，使用this.function能在别处被调用到吗？...

最新推荐文章于 2024-05-18 21:57:13 发布
最新推荐文章于 2024-05-18 21:57:13 发布
阅读量410 收藏
点赞数
文章标签： react.js javascript 前端 ecmascript 前端框架
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42588877/article/details/129603324
版权

在 React 中，使用 const function = () => {} 和 function () {} 的差别在于箭头函数和普通函数的 this 的指向不同。

箭头函数的 this 是固定的，指向外层作用域的 this，而普通函数的 this 可以动态绑定，由函数调用的方式决定。

如果你在 React 中使用 const function = () => {} 定义了一个箭头函数，那么使用 this.function 在别处是不能被调用的。因为箭头函数不能作为对象的方法，所以不能通过 this 来访问。

如果你使用 function () {} 定义了一个普通

美丽回忆一瞬间
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
React >=16.7 hook，允许使用标准 Redux 中间件和 useReducer
06-08
React useMiddleware hook Redux 兼容的中间件提供程序 for React >=16.7 Hooks react-useMiddleware 允许您使用所有现有的 Redux 中间件以及 React 的新功能 hooks。 它引入了称为 useMiddleware 的新钩子，它是 ...
react中，const function = ()=>{}和function(){}，使用function能在别处被调用到吗？
weixin_42608299的博客
02-10 236
是的，使用普通函数定义方法(function(){})可以在其他地方被调用，但是箭头函数(const function = ()=>{})不能被其他地方调用，因为它们是私有的并且不能被分配给一个变量。因此，当您希望一个函数可以被其他地方调用时，您应该使用普通函数定义。 ...
ES6 箭头函数： () => {} 与匿名函数 function() {}
禅与计算机程序设计艺术
01-26 9523
function foo() { setTimeout( () => { console.log("id:", this.id); },100); } foo.call( { id: 42 } ); id: 42 function foo() { setTimeout( function() { cons...
React
qq_41256253的博客
09-26 278
1. React有什么特点？ 它遵循单向数据流或数据绑定。 2. JSX JSX 是J avaScript XML 的简写。是 React 使用的一种文件，它利用 JavaScript 的表现力和类似 HTML 的模板语法。这使得 HTML 文件非常容易理解。此文件能使应用非常可靠，并能够提高其性能。下面是JSX的一个例子： render(){ return( <div> <h1> Hello World fr
编程感想：踩过的坑，关于()=＞{} 和 function(){} 的区别
weixin_43892549的博客
12-12 855
function中this是使用时的对象。=>中的this是定义时的对象。
react踩坑之函数名(){}与函数名=()=＞{}的区别
lxyoucan的博客
08-18 2625
在React.Component组件中，函数不同的写法有什么区别。最近在看书，照着写敲代码，敲完后发现与书上效果不一样。找了很久才找到区别。打这个小坑记录下来，这个应该新手比较容易犯的错。 结论： 函数名(){} 不得直接使用this关键字调用内部方法 函数名=()=>{} 可以使用this关键字调用内部方法 比如下面 renderInputMethodEditor = () => {}如果写成renderInputMethodEditor(){}就会发现this关键字无法调用的情况。 错误代码
箭头函数()=>{}与function的区别
热门推荐
飞扬的博客
09-18 1万+
1.箭头函数与function定义函数的写法： //function function fn(a, b){ return a + b; } //arrow function var foo = (a, b)=&gt;{ return a + b }; 2.this的指向：使用function定义的函数，this的指向随着调用环境的变化而变化，而箭头函数中的this指向是固定不变的，一...
React组件中的this的具体使用
01-19
const STR = '被调用，this指向：'; class App extends React.Component{ constructor(){ super() } //测试函数 handler() { console.log(`handler ${STR}`,this); } render(){ console.log(`render ${STR}...
React function
09-07
React function
深入理解React中es6创建组件this的方法
11-23
Facebook也推荐组件创建使用通过定义一个继承自 React.Component 的class来定义一个组件类。官方的demo： class LikeButton extends React.Component { constructor() { super(); this.state = { like
react-new-window:using使用`window.open`在React中弹出新窗口
05-07
const Demo = ( ) => ( < NewWindow> < h1> Hi :waving_hand: < / h1 > < / NewWindow > ) 装入<NewWindow>将打开一个弹出窗口。 卸载后，弹出窗口将关闭。 children内容将呈现到新的弹出窗口中。 在这种...
混合开发的大趋势之 一个Android程序员眼中的 React.js 箭头函数,const, PropTypes
王亟亟的博客
09-28 3096
转载请注明出处：王亟亟的大牛之路昨天写了篇React.js的开头之作，讲了讲块级作用域和let，先安利：https://github.com/ddwhan0123/Useful-Open-Source-Android上一篇的传送门:http://blog.csdn.net/ddwhan0123/article/details/52681169这里补充下语法环境皆为 ES6constconst类似于j
const functions 总结
云那边是海的专栏
08-06 732
主要介绍了const 放在函数前面和函数后面的作用
从零开始react(5)=＞react组件进阶
qq_45000453的博客
11-10 939
props校验-基本使用: 在之前博客中我们有提到关于props的校验.如图: props校验:对于子组件来说,props是外来的(是接受父组件传过来的参数的),无法保证组件使用者传入什么格式的数据，有了类型校验，我们的程序就更加健壮了。 props的基本使用: 导入 prop-types 包 。这个包在脚手架创建项目时就自带了，无须额外安装 使用组件名.propTypes = {属性名1: 类型1, ...} 来给组件的props添加校验规则(固定写法) 如图所示: 作用:规定接...
ES6---箭头函数()=>{} 与function的区别
王笋的专栏
04-10 833
使用function定义的函数中this指向是随着调用环境的变化而变化的
【React】React的懒加载组件lazy和Suspense
fangyuan__的博客
05-13 252
在一个多路由项目中，页面加载时，所有的路由组件都会被加载如果我们有很多个路由组件，但是用户只点击了几个，这就会有很大的消耗，因此我们需要做懒加载处理，我们点击哪个时，才去加载哪一个而React当然想到了这一点，给我们提供了LazyLoad。
React函数式组件的父子方法互相调用，父组件调用子组件方法，子组件调用父组件方法
最新发布
SongZhengxing_的博客
05-18 181
子组件需要使用 forwardRef 函数包裹，然后使用 useImperativeHandle 暴露属性和方法。编写子组件 Child。
「React」useEffect 与 useLayoutEffect 使用与区别
Constantiny的博客
05-17 622
useEffect 与 useLayoutEffect 是两个 Hooks，前者比较常用，后者在一些场景下也会用到，下面说明两者区别和应用场景。
React18
m0_71534259的博客
05-16 1290
/ 封装自定义Hook// 问题: 布尔切换的逻辑 当前组件耦合在一起的 不方便复用// 解决思路: 自定义hook// 可复用的逻辑代码value)// 哪些状态和回调函数需要在其他组件中使用 returnreturn {value,toggle// 封装自定义hook通用思路// 1. 声明一个以use打头的函数// 2. 在函数体内封装可复用的逻辑（只要是可复用的逻辑）// 3. 把组件中用到的状态或者回调return出去（以对象或者数组）
react中，const function = ()=>{}和function(){}，使用this.function能在别处被调用到吗？
02-11
如果你在 React 中使用 `const function = () => {}` 定义了一个箭头函数，那么使用 `this.function` 在别处是不能被调用的。因为箭头函数不能作为对象的方法，所以不能通过 this 来访问。 如果你使用 `function ()...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值