react笔记之类笔记

简介: react笔记之类笔记
<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>类</title>
    <script>
        /*
        *   类
        *   - 类是对象的模板
        *   - 类决定了一个对象中有哪些属性和方法
        *   - 使用class关键字来定义一个类
        * */
        class Person{
            // 可以直接在类中定义属性
            // name = '孙悟空';
            // age = 18;
            // 构造函数
            // 当我们通过new创建对象时,实际上就是在调用类的构造函数
            constructor(name, age) {
                // 将参数赋值给对象中的属性
                // 在构造函数中,可以通过this来引用当前的对象
                // 在构造函数中定义属性
                this.name = name;
                this.age = age;
            }
            // 定义实例方法
            run(){
                console.log('我会跑!');
            }
        }
        const per = new Person('孙悟空', 18);
        const per2 = new Person('猪八戒', 28);
        //
        console.log(per);
        console.log(per2);
        // console.log(per === per2);
        //
        // per.run();
    </script>
</head>
<body>
</body>
</html>
相关文章
|
前端开发
React查询、搜索类功能的实现
React查询、搜索类功能的实现
164 0
|
存储 前端开发 JavaScript
【第29期】一文学会用React类组件编写组件
【第29期】一文学会用React类组件编写组件
164 0
|
前端开发 开发者
React 函数组件与类组件对比
【10月更文挑战第4天】本文详细比较了React中的函数组件与类组件。函数组件是一种简单的组件形式,以纯函数的形式返回JSX,易于理解与维护,适用于简单的UI逻辑。类组件则是基于ES6类实现的,需要重写`render`方法并能利用更多生命周期方法进行状态管理。文章通过示例代码展示了两者在状态管理与生命周期管理上的差异,并讨论了常见的问题如状态更新异步性与生命周期管理的复杂性,最后给出了相应的解决方法。通过学习,开发者可以根据具体需求选择合适的组件类型。
229 9
|
8月前
|
前端开发 开发者
除了函数组件和类组件,React 还有其他创建组件的方式吗?
除了函数组件和类组件,React 还有其他创建组件的方式吗?
181 57
|
前端开发 JavaScript
React类组件props的使用(五)
【8月更文挑战第14天】React类组件props的使用(五)
135 1
React类组件props的使用(五)
|
前端开发
react学习(14)类式组件的构造器与props
react学习(14)类式组件的构造器与props
138 6
|
前端开发 JavaScript Java
React 速通笔记
【7月更文挑战第17天】
179 1
|
前端开发 JavaScript
React 中的函数组件和类组件
【8月更文挑战第31天】
189 0
|
前端开发 JavaScript 开发者
React组件入门秘籍:函数组件、类组件、高阶组件,一文让你彻底解锁!
【8月更文挑战第24天】React是一款广受好评的JavaScript库,其核心特色在于组件化开发模式。React组件作为应用程序的基础单元,不仅能够处理特定业务逻辑还能实现界面展示。本文深入浅出地介绍了React组件的概念、创建方式及其应用场景。
148 0
|
前端开发 JavaScript UED
React 基础与实践 | 青训营笔记
React 基础与实践 | 青训营笔记
121 0