js高级——创建对象的方式
1、对象字面量(其实就是键值对) {key:value,key:value...}
(1)只能创建一次对象,复用性较差,如果要创建多个对象,代码冗余度太高
var obj = {
name:"",
}
2、使用内置构造函数:我们可以先创建一个对象出来,然后手动的新增成员(属性、方法)
(1)代码也是比较冗余
var
obj =
new Object();
obj.name
= "哈哈哈哈哈";
obj.singer
= "啦啦啦啦啦"
;
obj.sing
=
function(){
console.log("一千个可爱的肥喵");
}
;
3、封装简单的工厂函数(不推荐使用了)
function
createSong(songName,singerName){
var
obj =
new Object();
obj.name
= songName;
obj.singer
= singerName
;
obj.sing
=
function(){
console.log("一千个可爱的肥喵");
}
;
return
obj;
//对象需要返回
}
var
obj =
createSong("演员","薛之谦");
var
obj1 =
createSong("饿狼传说","张学友");
4、自定义构造函数
//什么是构造函数?
//构造函数其实也是函数,通常用来初始化对象
//并且和new关键字同时出现
//new是用来创建对象的
//构造函数是用来初始化对象的(给对象新增成员<属性、方法>)
//构造函数名的首字母必须要大写
function
Person(){
//把刚才用new新创建出来的对象赋值给this(默认隐含的操作)
//然后使用this给p里面的name赋值
this.name
=
"小肥喵";
this.age
=
21;
this.seyHello
=
function(){
console.log("hey
man");
}
}
var
p =
new Person();
console.log(p);
p.sayHello();
//构造函数的执行过程
//1、使用new关键字创建对象
//2、调用构造函数把新创建出来的对象赋值给构造函数内的this
//3、在构造函数内使用this为新创建出来的对象新增成员
//4、默认返回新创建的对象(系统自己返回,不用我们写return)
//构造函数的返回值
//1、默认返回的是新创建出来的对象
//2、如果我们自己写return语句,不管写的是return什么基本类型(包括null、undefined等),都还是返回新创建出来的对象
//3、如果返回的是object类型的值,将不会返回新创建的对象,而是返回return后面的值
//对象是无序的键值对集合
function
test(){
console.log(this);
}
test();
function
Animal(name,type,barkWay){
this.name
= name;
this.type
= type;
this.bark
= barkWay;
//这些都是给window添上的属性
}
Animal();
//这是一个错误的演示
var
dog =
new Animal("旺财","狗",function(){
console.log("汪汪汪");
});
var
cat =
new Animal("肥喵喵","喵",function(){
console.log("喵喵喵");
});
console.log(typeof cat);
// console.log(cat);
//js中提供了两个方法来调用其他对象的方法
//call
//apply
//{}构造函数是Object
//[]构造函数是Array
//获取具体类型的方法
//var typeStr = Object.prototype.toString.call(想要获取类型的对象)
//typeStr = typeStr.slice(8,-1)
//注意:如果像使用正常的函数一样使用构造函数,构造函数中的this将不再指向新创建的对象(因为根本就没有创建对象),而是指向window全局对象
//当使用this给对象添加成员的时候,全部都添加到了window上
//如果构造函数没有参数,那么在调用的时候小括号可以省略
var
stu =
new Student
;