JavaScript对象
本节课所讲内容:
- JavaScript 对象创建
- JavaScript对象基本操作
- JavaScript对象的函数
主讲教师:Head老师
一. JavaScript 对象创建
1.对象的种类
1.js内置的对象 如Number等
2.宿主环境 window document 在浏览器运行
3.自己创建的对象
2.对象的创建
1.创建一个对象,然后给这个对象新建属性和方法。
var box = new Object(); //创建一个Object对象
box.name = 'Lee'; //创建一个name属性并赋值
box.age = 100; //创建一个age属性并赋值
box.run = function () { //创建一个run()方法并返回值
return this.name + this.age + '运行中...';
};
alert(box.run()); //输出属性和方法的值
上面创建了一个对象,并且创建属性和方法,在run()方法里的this,就是代表box对象本身。这种是JavaScript创建对象最基本的方法。
定义和修改属性的方式方法
Object.defineProperty(对象,"属性","属性特性对象")
Object.defineProperty(p,“yy”,{value:100,writeable:false});
p.yy
p.yy=200;
p.yy
添加多个属性:
object.defineProperties(p,{
abc:{
value:1000,
writeable:false
},
qwe{
value:true
},
height:{
get:function(){
return :180
},
Set:function(val){
Console.log(val);
}
}
})
3.由于上面创建对象的方式可以轻松修改对象属性,我们采用get set方式创建。
var p = {
name:"Head",
work:function() {
console.log("wording...");
},
_age:18, //如果调用对象内部的属性约定的命名方式是_age
get age(){
return this._age; //get是用来返回
},
set age(val) { //set是用来设置的
if (val<0 || val> 150) {
throw new Error("年龄不合法")
}else{
this._age = val;
}
}
};
console.log(p.name);
console.log(p.age); console.log(p.name);//输出chen
浏览器的直接调试结果:
p.age
"18"
p.age=23
"23"
p.age=200
Uncaught Error: invalid value