//使用javascirpt对象:一个对象实际上只是一个容器,将多个值(某些情况下将多个函数)组合在一起。
//01-通过new创建对象实例;Javascript有寻多内置对象,如Number、Array、String、Date、Math等
let x =new Number("5");
console.log(x);//[Number: 5]
//02-创建对象
let obj={
name: "my Object",
value: 7,
getValue: function () {
return this.name;
}
}
console.log(obj.getValue());
//03-创建自定义对象 (与上面直接在大括号“{}”赋值方式效果相同)
var user=new Object();
user.firstname="Tom";
user.lastname="Elsoiree";
user.getName=function () {
return this.firstname +" "+ this.lastname;
}
console.log(user.getName());//Tom Elsoiree
//与上面的效果相同
var user={
firstname: "Tom",
lastname:"Elsoiree",
getName: function () {
return this.firstname +" "+ this.lastname;
}
}
console.log(user.getName());//Tom Elsoiree
//04-对于不需要再使用的简单对象用上面的方法就可,对于要重复使用的更好的方法
//是将对象实际封装在自身的函数块里。具有将所有对象的代码局部保持在对象本身的优点。
function User(firtname,lastname) {
this.filename=firtname;
this.lastname=lastname;
this.getName= function () {
return firtname +" "+ lastname;
}
}
let user1= new User("Tom","Elsoiree");
console.log(user1.getName()) //Tom Elsoiree
let user2= new User("Taleir","Tbanriob");
console.log(user2.getName()) //Taleir Tbanriob
//05-使用原型對象模式,一个更高级的方法是:通过不在对象本身里面,而在对象原型属性里面定义函数来实现这一模式。
//在原型定义的函数旨在javaScript加载时被创建一次,而不是没创建一个新的对象时都被创建。
function UserP(firstname,lastname) {
this.firstname=firstname;
this.lastname=lastname;
}
UserP.prototype={
getFullName:function () {
return this.firstname+" " + this.lastname;
},
getFirstName: function () {
return this.firstname;
}
}
let userp1=new UserP("lili","tongbiao");//lili tongbiao
console.log(userp1.getFullName());
let userp2=new UserP("lweio","tsdaad");
console.log(userp2.getFullName()); //lweio tsdaad
console.log(userp2.getFirstName()); //lweio
还没有评论,来说两句吧...