JavaScript创建对象

本文通过实例代码介绍了三种创建JavaScript对象的方法:字面量方式、构造函数方式和Object构造函数方式,并展示了如何通过console.log()打印对象属性及调用对象方法。通过浏览器控制台查看运行效果,帮助理解JavaScript对象的创建和使用。
摘要由CSDN通过智能技术生成

1.(1)用字面量创建对象,首先声明变量,设置属性值,再设对象的行为用function()来构造。属性的值如果为数字的话可以不加双引号,加了双引号表示的是字符串,而不加的话只能输出数字,而数字的值则为数字类型。

1(2)用console.log()把对象里面的属性和行为打印出来

代码为:

 var  apple1 = {
                        color:"red",  //颜色
                        weight:"250g",  //重量
                        feel:"cool",    //口感
                        talk : function(){
                            console.log("我是一个apple1");
                        }
                    }
                    console.log(apple1.color);
                    console.log(apple1.weight);
                    console.log(apple1.feel);
                    apple1.talk();

                    console.log("");

1.(3)打开浏览器,切换到控制台(console)观看打出来的效果.

2.(1)这次用自定义函数的方式来创建对象,与第一个不同的则是自定义函数是不用在外面声明变量的,它是在函数apple2里面声明变量,而且他的值可以用this来代替,最后对象的行为也理所当然的用上了this.

2.(2)用app这个值来代替函数里面的对象.

 function apple2(name,color,weight,feel){
                        this.name = name;
                        this.color = color;
                        this.weight = weight;
                        this.feel = feel;
                        this.talk =function(){
                            console.log("大家好我叫" + this.name + ",我身上颜色是" + this.color + ",我的体重是" + this.weight);
                        }
                    }
                    var app =new apple2("苹果","红色","250g","爽");
                    app.talk();

2.(3)然后也是打开浏览器打开控制台(console)查看效果.

3.(1)最后用Object的方式来创建对象,要注意这里的格式和前面两个都不一样,这里一开始声明的对象变量就使用了Object。

3.(2)这边用console.log()来打印出来Object对象里面的值.

   

 var apple3 = new Object();
                    apple3.name= "苹果";
                    apple3.color= "红色";
                    apple3.weight= "250g";
                    apple3.feel= "爽";
                    apple3.talk  = function(){
                        console.log("大家好我叫" + apple3.name)
                    }

                    console.log(apple3.name);
                    console.log(apple3.color);
                    console.log(apple3.weight);
                    console.log(apple3.feel);
                    apple3.talk();

3.(3)这就是最后出来的结果,简单易上手.

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值