创建使用构造函数

最新推荐文章于 2022-04-25 10:55:23 发布

videodong

最新推荐文章于 2022-04-25 10:55:23 发布

阅读量219

点赞数 1

本文链接：https://blog.csdn.net/videodong/article/details/110336143

版权

class

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        //创建对象
        let obj = {}
        //使用构造函数创建
        let obj2 = new Object();
        //自定义构造函数
        //批量创建对象的函数
        //首字母命名大写
        //必须使用关键字new关键字去执行
        function Animal(name,legs){
            this.name = name
            this.legs = legs
            this.sayHi = function () {
                console.log(`${this.name}说：${this.legs}`)
            }
        }
        //实例化对象
        let rabbit = new Animal('兔子','四条腿')     
        let kylin = new Animal('麒麟','四条腿')
        let snake = new Animal('蛇','没腿')
        rabbit.sayHi()
        //class类是构造函数的语法糖
        //语法：
        class MyClassName{
            constructor(){
            }
            method1(){}
            method1(){}
            method1(){}
            method1(){}
        }
       class AnmalClass{
            constructor(name,legs){
                this.name = name
                this.legs = legs
            }
        }
        let rabbit2 = new AnmalClass('兔子2','四条腿')
        console.log(rabbit2)
    </script>
</body>
</html>