构造函数的三种方式以及输出

最新推荐文章于 2023-07-28 11:21:26 发布

&Mark&

最新推荐文章于 2023-07-28 11:21:26 发布

阅读量980

点赞数

分类专栏： javascript 日志文章标签： javascript

本文链接：https://blog.csdn.net/qq_64970126/article/details/123846559

版权

javascript 同时被 2 个专栏收录

68 篇文章 4 订阅

订阅专栏

日志

13 篇文章 1 订阅

订阅专栏

构造函数的三种方式以及输出

<body>
    <!-- 构造函数创建对象 -->
    <!-- 该方法一次一次创建多个 -->

    <script>
        var i = 0;

        function Car(kg, color, product, skill) {
            this.kg = kg;
            this.color = color;
            this.product = product;
            this.skill = skill;
        }
        var t1 = new Car(2.1, 'pink', '格力', '可以载人、拉货、耕田');
        for (var k in t1) {
            i++;
            document.write('遍历构造函数中的对象第' + i + '个:' + t1[k] + '<br>');
        }
        console.log(t1);
        var r2 = new Car(2.1, 'pink', '格力', '可以载人、拉货、耕田');
        console.log(r2);
    </script>
    <!-- 利用字面量创建对象 -->
    <!-- 一次创建一个 -->
    <script>
        var car = {
                kg: 2.4,
                color: 'pink',
                product: '格力',
                skill: '可以载人、拉货、耕田'
            }
            // 第一种输出方式
        document.write('我们的品牌名为' + car['product']);
        // 第二种输出方式
        document.write('<br>我们的颜色为' + car.color);
    </script>
    <!-- 利用new object对象创建对象 -->
    <!-- 一次创建一个 -->
    <script>
        var Car = new Object();
        Car.name = '小货车';
        Car.color = 'pink';
        Car.product = '格力';
        Car.skill = '可以载人、拉货、耕田';
        console.log(Car);
    </script>

</body>