JavaScript创建对象的方式

复制代码
<script>
        // 字面量 创建对象
        var obj0 = {
            color: 'black',
            weight: '2kg',
            brad: 'DELL',
            type: 'h512',
            watch_movie: function() {
                console.log('正在看' + '武状元苏乞儿');
            },
            music: function() {
                console.log('正在听刘德华唱的冰雨');
            },
            playGames: function() {
                console.log('正在玩吃鸡');
            },
            knock_code: function() {
                console.log('正在敲js代码');
            }
        }
        obj0.watch_movie();

        // new Object 创建对象
        var obj1 = new Object();
        obj1.color = 'black';
        obj1.weight = '2kg';
        obj1.brad = 'DELL';
        obj1.type = 'h512';
        obj1.watch_movie = function() {
            console.log('正在看' + '武状元苏乞儿');
        };
        obj1.music = function() {
            console.log('正在听刘德华唱的冰雨');
        };
        obj1.playGames = function() {
            console.log('正在玩吃鸡');
        };
        obj1.knock_code = function() {
            console.log('正在敲js代码');
        }

        obj1.watch_movie();

        // 构造函数 创建对象
        function Obj2(color, weight, brand, type) {
            this.color = color;
            this.weight = weight;
            this.brand = brand;
            this.type = type;
            this.watch_movie = function() {
                console.log('正在看' + '武状元苏乞儿');
            }
            this.music = function() {
                console.log('正在听刘德华唱的冰雨');
            };
            this.playGames = function() {
                console.log('正在玩吃鸡');
            };
            this.knock_code = function() {
                console.log('正在敲js代码');
            }
        }
        var obj3 = new Obj2('black', '2kg', 'DELL', 'h512');
        obj3.watch_movie();


        // 创建一个按钮对象
        var obj4 = {
            width: 60,
            height: 20,
            color: 'yellow',
            mousedown: function() {
                console.log('点击了按钮');
            }
        }

        // 创建一个车对象
        var obj5 = {
            weight: '5t',
            color: 'white',
            brand: 'BaoMa',
            manned: function() {
                console.log('宝马可以载人');
            },
            Pull_goods: function() {
                console.log('车子可以拉货');
            },
            Ploughing: function() {
                console.log('车子可以耕田');
            }
        }

        // arguments 可以接收 所有的实参
        function Test() {
            var t = arguments;
            this.fn = function() {
                console.log(t);
            }
        }
        var test = new Test(1, 2, 3, 4);
        test.fn();
    </script>
复制代码

 

posted @   二王戏木  阅读(41)  评论(0编辑  收藏  举报
编辑推荐:
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 从HTTP原因短语缺失研究HTTP/2和HTTP/3的设计差异
· 三行代码完成国际化适配,妙~啊~
点击右上角即可分享
微信分享提示