JS中创建一个类

小松学Java2022

已于 2023-02-13 12:48:19 修改

阅读量178

点赞数

分类专栏： Js 文章标签： javascript 前端 html5

于 2023-02-12 20:39:45 首次发布

本文链接：https://blog.csdn.net/qq_43595591/article/details/128999448

版权

Js 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        function User(name,age){
            this.name = name;
            this.age = age;

            // 实例方法
            this.show = function(){
                console.log("来吧，展示")
            }

            // 静态方法
            User.say = function(){
                console.log('大家好')
            }
        }


        // 构造函数名的原型对象上的方法在其所有的实例上都可以被调用
        User.prototype.run = function(){
            console.log('我要跑步')
        }

        User('小白',11)


        let u1 = new User('刘白',20)
        u1.show()

        // 静态方法只能被类名调用，实例调用会报错
        // 细节：静态方法在调用前，必须new 构造函数产生实例，否则会报错
        User.say()
        u1.run()

        // 报错，不能被类调用，只能被实例调用
        //User.run()
    </script>
</body>
</html>