欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

js生成对象,构造函数生成对象原理

程序员文章站 2022-04-18 14:33:40
...
<!DOCTYPE html>
<html>

<body>
    <script>
        /**
         * 1 通过定义并创建对象的实例
         */
        var person = {}
        var person = new Object();
        /**
         * 2:通过构造函数来创建对象
         * 构造函数和普通函数没有区别,但是为了区分,一般都会采用大驼峰方式命名。
         * 生成对象的时候通过new关键字来执行
         * 原理: a:首先在构造函数第一行 var this = {}
         *      b:通过 this.name = "xiaofu"等进行赋值
         *      c:在构造函数的最后 return this;
         */
        function Person() {
            // a:  var this = {}
            // b: this.name = "xiaofu"等进行赋值
            this.name = "xiaofu";
            this.weight = "60kg",
                this.skill = function() {
                    console.log("I can run");
                }
                // c: return this;
        }
        var personFU = new Person();
    </script>

</body>

</html>