react笔记之箭头函数2

简介: react笔记之箭头函数2
<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>箭头函数</title>
    <script>
        /*
        *   1.箭头函数中没有arguments
        *   2.箭头函数中没有自己的this
        *       - 它的this总是外层作用域的this
        *   3.箭头函数中的this无法通过call()、apply()、bind()修改
        *   4.箭头函数无法作为构造函数使用
        *
        * */
        function fn(a, b, ...args){
            // arguments用来保存函数的实参
            // console.log(arguments.length);
            console.log(args);
        }
        const fn2 = (...args)=>{
            console.log(args);
        };
        const fn3 = () => {
            console.log(this);
        };
        const obj = {
            hello:()=>{
                console.log(this);
            }
        };
        const obj2 = {
            hello:function (){
                const test = () => {
                    console.log('-->',this);
                };
                test();
            }
        };
        obj2.hello();
        // new fn3();
    </script>
</head>
<body>
</body>
</html>
相关文章
|
1月前
|
前端开发 开发者
React 函数组件与类组件对比
【10月更文挑战第4天】本文详细比较了React中的函数组件与类组件。函数组件是一种简单的组件形式,以纯函数的形式返回JSX,易于理解与维护,适用于简单的UI逻辑。类组件则是基于ES6类实现的,需要重写`render`方法并能利用更多生命周期方法进行状态管理。文章通过示例代码展示了两者在状态管理与生命周期管理上的差异,并讨论了常见的问题如状态更新异步性与生命周期管理的复杂性,最后给出了相应的解决方法。通过学习,开发者可以根据具体需求选择合适的组件类型。
52 8
|
2月前
|
前端开发 JavaScript 区块链
react18函数组件+antd使用指南-使用代码集合以及报错记录汇总
本文介绍了多个React开发中常见的问题及其解决方案,包括但不限于:1)`useForm`实例未连接到任何`Form`元素的警告及解决方法;2)监听页面滚动事件的实现方式;3)React 18与antd 5.8.6中定制主题的方法;4)React结合antd 4.x版本自定义主题色的步骤;5)解决`ResizeObserver loop`相关报错的技巧;6)处理React设计表单时遇到的CDN资源加载失败问题;7)解决onClick事件传参问题;8)修复类型错误等。每部分均提供详细分析与实用代码示例,帮助开发者快速定位并解决问题。
40 2
|
2月前
|
XML JavaScript 前端开发
学习react基础(1)_虚拟dom、diff算法、函数和class创建组件
本文介绍了React的核心概念,包括虚拟DOM、Diff算法以及如何通过函数和类创建React组件。
25 2
|
2月前
|
前端开发
react学习(22)高阶函数和函数柯里化
react学习(22)高阶函数和函数柯里化
|
3月前
|
前端开发
如何编写React函数组件
【8月更文挑战第17天】如何编写React函数组件
20 2
|
3月前
|
前端开发 JavaScript
React 中的函数组件和类组件
【8月更文挑战第31天】
61 0
|
3月前
|
前端开发 JavaScript 开发者
React组件入门秘籍:函数组件、类组件、高阶组件,一文让你彻底解锁!
【8月更文挑战第24天】React是一款广受好评的JavaScript库,其核心特色在于组件化开发模式。React组件作为应用程序的基础单元,不仅能够处理特定业务逻辑还能实现界面展示。本文深入浅出地介绍了React组件的概念、创建方式及其应用场景。
54 0
|
3月前
|
前端开发 JavaScript UED
React 基础与实践 | 青训营笔记
React 基础与实践 | 青训营笔记
51 0
|
4月前
|
前端开发 JavaScript Java
React 速通笔记
【7月更文挑战第17天】
49 1
|
4月前
|
缓存
react18【系列实用教程】useCallback —— 缓存函数 (2024最新版)
react18【系列实用教程】useCallback —— 缓存函数 (2024最新版)
46 0