JavaScript自定义对象的方式

方式1:function 对象(形参){
                    属性赋值
                   }
                var 对象名 = new 对象

function Person(name ,age, sex){
                        //等号左边的name相当于给对象Person添加一个name值
                        //等号右边的name 值得就是当前形参的name
                        //this代表当前person对象一个地址值
                        //this.属性名称 = 形参
                this.name = name;         //后面name会被代替为ddd
                this.age = age;            //后面age会被代替为30
                this.sex = sex;
                        //给对象追加功能
                        //this。方法名 = function(){}
                this.speak = function(a){
                    alert("英语说的" + a);                //弹窗显示
                }
                this.playgame = function(){
                    alert("玩游戏");                 //弹窗显示
                }
                this.walk = function(){
                    document.write("zo"+"<br />");
                }
            
            }
            var p = new Person("ddd",30,"男");
            document.write("这人叫" + p.name + ",年龄是:"+p.age + ",性别" +p.sex+"<br />");
            p.speak("很棒");
            p.playgame();
            p.walk();
            document.write("aa");

//方式2:不携带参数function 对象(){}
            function Person(){  
            }
            var j = new Person();
            j.name = "dd";
            j.age = 11;
            j.sex = "男";
            document.write("这人叫" + j.name + ",年龄是:"+j.age + ",性别" +j.sex+"<br />");

方式3:利用js内置对象:object
            //直接创建对象
            var p = new Object();
            //追加属性
            p.brand = "华为";
            p.color = "红色";
            p.price = 4699;
            p.menmory = "128G";
document.write("手机品牌是"+ p.brand+"<br />"
             + "手机颜色是"+ p.color + "<br />" + "手机价格" + p.price + "<br />");

方式4:var 对象名 = {"key1":value1,"key2":value2}
            json:js对象简朴,是一种数据交替的格式(体现,前后端交互)

var student = {
                    "name":"王宝鑫",
                    "age":35,
                    "address":"东菀市",
                    //追加方法
                    "study":function(a){
                        alert("学习"+ a );
                    },
                    "find":function(b){
                        alert("寻找"+b);
                    }
            }
            document.write("姓名:" + student.name + "<br />");
            document.write("住址:" + student.address + "<br />"+ "年龄:" + student.age);
            student.study("JavaScript");
            student.find("火车头");

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值