JavaScript对象、内置对象、值类型和引用类型详解(1)

JS中的对象是属性和行为的结合体,其中属性是对象的静态特征,行为又称方法,是对象的动态特征。

JavaScript中的对象主要分为三大类:

内置对象
由ES标准中定义的对象 在任何的ES的实现中都可以使用,比如Math String Number Boolean Function Object
宿主对象
由JS的运行环境提供的对象,目前来讲主要是浏览器提供的对象,比如BOM DOM
自定义对象
由开发人员自己创建的对象
对象的定义
定义非空对象

               // 非空对象:
                    var 对象名 = {
                        属性名: 值,
                        ...
                        方法名: function([参数]){
                            方法体语句;
                        }
                        ...
                    }
        var p1 = {
            color: '黑色',//给对象添加属性
            weight: '188g',//属性之间用逗号隔开
            screenSize: 6.5,
            call: function(name){//给对象添加方法
                console.log("打出电话:"+name);
            },
            sendMassage: function(msg){
                console.log("发出的信息是:"+msg);
            },
            playVideo: function(){
                console.log("播放视频");
            },
            playMusic: function(){
                console.log("播放音乐");
            }
        }
        console.log("手机颜色:"+p1['color']);//也可以使用 对象['属性']来输出属性值
        console.log("手机重量:"+p1.weight);
        console.log("屏幕尺寸:"+p1.screenSize);
        p1.call("张三");//调用对象的发方法
        p1["sendMassage"]("helo");
        p1.playVideo();
        p1.playMusic();
        console.log(p1);

 

使用new Object()创建对象

        var p = new Object(); // 创建一个空对象p

 

        p2.name = '刘备';
        p2.sex = '男';
        p2.age = 32;
        p2.sayHello = function(){
            console.log('Hello');
        }
        p2.sayHello();//调用对象的方法

可以使用构造函数来创建对象:
语法: new 构造函数名( )

        function Student(name,sex,age){
            this.name = name;//这里的this指向的是构造函数新创建的对象
            this.sex = sex;
            this.age = age;
            this.show = function(){
                console.log("姓名:"+this.name)
                console.log("姓别:"+this.sex)
                console.log("年龄:"+this.age)
            }
        }
        var s1 = new Student('乔峰','男',28);//s1为构造函数创建的新对象 即实例
        s1.show();
        var s2 = new Student('段誉','男',23);
        s2.show();

.........

posted @ 2021-06-25 14:05  Computer昂  阅读(136)  评论(0)    收藏  举报