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();
.........
你好,欢迎你来到博客,我是布莱昂。在这里你将看到我关于前端技术和框架的一些理解和体会,并且以后所有博客将在这里发布,由于本人技术水平和认知能力有限,文中难免有认识不足和理解错误的地方,欢迎大家留言指正,我将感激不尽!

浙公网安备 33010602011771号