Web前端开发笔记33——构造函数

最新推荐文章于 2025-10-10 14:17:16 发布

原创最新推荐文章于 2025-10-10 14:17:16 发布 · 748 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

#Web前端开发入门专栏收录该内容

57 篇文章

订阅专栏

本文详细介绍了构造函数的作用、语法、调用方式、对象与构造函数的区别，以及new关键字的工作原理。通过实例演示如何创建对象并遍历其属性。

1.构造函数就是把我们对象里面一些相同的属性和方法抽象出来封装到函数里面。

语法格式：

调用时使用：

new 构造函数名（）；

示例：

function Func(uname, age, sex) {
            this.uname = uname;
            this.age = age;
            this.sex = sex;
        }

        var lder = new Func('DRLDER', 18, '男');
        console.log(lder.uname);
        console.log(lder['age']);

注意点：

2.构造方法中的方法调用示例如下：

3.构造函数和对象的区别：

构造函数实际上是一个泛类，对象是一个具体的事物。
我们利用构造函数创建对象的过程也称为对象的实例化。

4.new关键字的执行过程：

5.遍历对象属性：for..in..循环可用于对数组或者对象的属性进行循环操作。

function Func(uname, age, sex) {
            this.uname = uname;
            this.age = age;
            this.sex = sex;
            this.loveGame=function (game,num){
                console.log(this.uname+'游玩了'+game+num+'次!');
            }
        }
for (var lderKey in lder) {
            console.log(lder[lderKey]);
        }

上面就是完整的使用过程。