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 ;