react笔记之类笔记

2024-09-25 10:14:48 阅读次数：215

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>类</title>
    <script>
        /*
        *   类
        *   - 类是对象的模板
        *   - 类决定了一个对象中有哪些属性和方法
        *   - 使用class关键字来定义一个类
        * */

        class Person{
            // 可以直接在类中定义属性
            // name = '孙悟空';
            // age = 18;

            // 构造函数
            // 当我们通过new创建对象时，实际上就是在调用类的构造函数
            constructor(name, age) {
                // 将参数赋值给对象中的属性
                // 在构造函数中，可以通过this来引用当前的对象
                // 在构造函数中定义属性
                 = 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>

上一篇：面向对象中类的成员

下一篇：matplotlib 添加偏移量

推荐标签

作者介绍

天翼云小翼

天翼云用户

文章

24092

阅读量

2839238

活动

应用商城

合作伙伴

开发者

支持与服务

了解天翼云

react笔记之类笔记

react笔记之类笔记

相关文章

前端项目实战230-ant design 5.0 checkbox块级化

前端项目实战201-react改变样式

好客租房76-setState方法说明（1更新数据）

react笔记之完成meals组件

好客租房95-编程式导航

好客租房92-路由的基本使用

好客租房77-setState方法说明（2推荐语法）

好客租房94-路由的执行过程

好客租房83-组件性能优化（3减少不必要的渲染）

好客租房96-默认路由

作者介绍

最新文章

前端项目实战230-ant design 5.0 checkbox块级化

前端项目实战201-react改变样式

好客租房94-路由的执行过程

好客租房77-setState方法说明（2推荐语法）

react笔记之完成meals组件

好客租房83-组件性能优化（3减少不必要的渲染）

热门文章

React工作53:传参payload

react项目实战学习笔记-学习41-日期和按钮

react笔记之箭头函数2

react笔记之展开笔记

react笔记之类笔记2

react笔记之学习之使用组件完成练习

热门标签

相关产品

弹性云主机

天翼云电脑（公众版）

对象存储

云硬盘

随机文章

好客租房52-通讯的三种方式（兄弟组件的传递）

react笔记之虚拟DOM

react笔记之箭头函数1

react笔记之继承

好客租房24-react中的事件处理(事件绑定)

react笔记之类笔记2