【JS】面向对象-创建对象 

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
<script>
    /*
    * 创建对象的方式
    * 1.字面量方式创建对象 太麻烦，pass
    * var obj={....}
    * 可以后期动态添加
    * 2.内置构造函数创建对象 太麻烦，pass
    * var obj=new Object()
    * 可以后期动态添加
    * 3.工厂函数创建对象
    * 3.1 创建一个工厂函数
    * 3.2 使用工厂函数创建对象
    * 4.使用自定义函数构建对象
    * 4.1 创建一个自定义函数
    * 4.2 使用自定义构造函数创建对象
    * */
    //  1.字面量方式创建对象
    // var obj = {
    //     name: 'Tom',
    //     age: 18,
    //     sayHi: function () {
    //         console.log("Hello,World!")
    //     }
    // }
    //2.内置构造函数创建对象
    // var obj2 = new Object()
    // obj2.name = 'jack'
    // obj2.age = 18
    // obj2.sayHi = function () {
    //     console.log("Hello,World!")
    // }
    // 3.工厂函数创建对象
    //  3.1 创建一个工厂函数
    // 3.2 使用工厂函数创建对象
    // function createObj(name,age) {
    //     //    手动创建一个对象
    //     var obj = {}
    //     obj.name = name
    //     obj.age = age
    //     obj.sayHi = function () {
    //         console.log("Hello,World!")
    //     }
    //     return obj
    // }
    //
    // var obj1 = createObj('Jack',21)
    // var obj2 = createObj('Rose',23)
    // console.log(obj1)
    // console.log(obj2)
    // 4.使用自定义函数构建对象
    // * 4.1 创建一个自定义函数
    // * 4.2 使用自定义构造函数创建对象
    //构造函数会自动创建对象并返回
    //this 指向当前实例
    function createObj(name, age) {
        this.name = name
        this.age = age
        this.sayHi = function () {
            console.log("Hello,World!")
        }
    }

    //构造函数在使用时需要和new关键字连用
    var obj1 = new createObj('Jack', 32)
    var obj2 = new createObj('Rose', 23)
    console.log(obj1, obj2)

</script>
</body>
</html>

 

posted @ 2022-07-20 10:43  木子欢儿  阅读(20)  评论(0)  编辑  收藏  举报