javascript-声明对象及其属性和方法

最新推荐文章于 2023-07-19 11:49:00 发布

转载最新推荐文章于 2023-07-19 11:49:00 发布 · 107 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/next-open/p/3684121.html

文章标签：

#javascript #ViewUI

本文介绍了JavaScript中三种创建对象的方法：直接声明并添加属性和方法、通过函数返回对象实例并后期添加属性、使用构造函数初始化对象属性及方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/*
    方法一
*/
    var p = new Object();    //声明对象
    //为对象添加属性
    p.width=300;
    p.height=400;
    p.num=4;
    p.autotime=3;
    //为对象添加方法
    p.autoplay=function(){
        alert("方法一");
    }
    p.test=function(){
    
    }
    //获取属性对象
    alert("方法一:"+p.width)
    //执行对象方法
    p.autoplay();
  
/*
    方法二
*/
    function Play(){
        var p = new Object();
        //属性
        p.width=300;
        p.height=400;
        p.num=4;
        p.autotime=3;
        //方法
        p.autoplay=function(){
            alert("方法二");
        }
        p.test=function(){
            
        }
        
        return p;
    }

     var p1 = Play();//实例对象
     alert("方法二:"+p1.width);//获取属性值
     p1.autoplay();    //执行方法
     //后期仍然可以往对象里面添加属性方法
     p1.demo = "hello";
/*
    方法三
*/
    function Play1(width,height,num){
        this.width=width;
        this.height=height;
        this.num=num;
        this.autoplay=function(){
            alert("方法三");
        }
        this.test=function(){
            
        }
    }
    var p2 = new Play1(33,44,2);//实例化对象
    alert("方法三:"+p2.width);
    p2.autoplay();