创建一个按钮对象，该对象中需要包括宽高，背景颜色和点击行为

最新推荐文章于 2024-07-10 10:10:23 发布

11路的卷尺

最新推荐文章于 2024-07-10 10:10:23 发布

阅读量768

点赞数

分类专栏：基础练习文章标签：前端 javascript vue.js

本文链接：https://blog.csdn.net/m0_72711350/article/details/128081430

版权

基础练习专栏收录该内容

22 篇文章 0 订阅

订阅专栏

利用字面量

 // 利用字面量
        var button = {
            width: '150px',
            height: '300px',
            backgroundcolor: 'red',
            action: function () {
                console.log('点击我');
            }
        }
        console.log(button.height);
        button.action();

new Object

  var button = new Object();
        button.width = '900px';
        button.height = '400px';
        button.background = 'red';
        button.action = function () {
            console.log('利用关键字点击');
        }
        console.log(button.width);
        button.action();

利用构造函数创建对象

function Button(width, height, background) {
            this.width = width;
            this.height = height;
            this.background = background;
            this.action = function (click) {
                console.log(clik);
            }
        }
        var abutton = new Button('300px', '900px');
        console.log(abutton.height);
        abutton.action('利用构造函数点击');