19

一、什么是对象

    生活中的一切事物都可以看成是对象，比如一台电脑，一个人，一个杯子。每个对象都有属于他自己的属性，比如人有性别身高和体重 ；电脑有品牌，杯子有颜色和容量等。

    在js中，对象就是属性的集合。同时它也是一种数据类型

二、创建一个对象

1.var obj={}

2.var obj=new Object();

创建一个人的对象，并且为对象中添加属性

var person={

    name:'张三',

    age:18,

    sex:'男'

}

获取对象中的属性有两种方法

1.对象名.属性名

    person.name

//console.log(person.name);

2.对象名[属性名]

    person[age]

//console.log(person.['age']);

三、对象中属性的类型

1)对象中的属性可以是字符串，数字，也可以为函数。当对象中的属性值为函数的时候，我们称这个属性为对象的方法

var person={

    name:'张三',

    age:18,

    sex:'男',

    sayName:function(){

        console.log('我的名字叫张三')

    }

}       

    person.sayName();

2)对象中的方法想要访问对象中的属性要用this关键字

    var person={

        name:'张三',

        age:18,

        sex:'男',

        sayName:function(){

            console.log('我的名字叫'+name);name不会被输出

            //对象中的方法想要访问对象中的属性必须要用this关键字

            console.log('我的名字叫'+this.name);

        }

    }

             

    person.sayName();

3)对象中的属性被替换

var person={

    name:'张三',

    age:18,

    sex:'男',

    sayName:function(){

        console.log('我的名字叫'+this.name);

    }

}

cat.sayName();

cat.name='李四';

console.log(cat.name);

cat.sayName();

四、给对象中的方法传参

var person={

    name:'张三',

    age:18,

    sex:'男',

    sayName:function(){

        console.log('我的名字叫'+this.name);

    },

    count:function(a,b){

        console.log(a+b);

}

cat.sayName();

cat.count(3,5);

五、

1.如何遍历js中的对象

var person={

    name:'张三',

    age:18,

    sex:'男'

}

for(var key in person){

    //输出对象中的属性值

    console.log(person[key]);

    //输出对象中的关键字

    console.log(key);

}

2.原始类型和引用类型

1)原始类型的传参

var str='hello world';

function fun(s){

    s='hello javascript';

    console.log(s);

}

fun(str);

console.log(str);

2)引用类型的传参

var obj={name:'jack',age:18};

function fun(o){

    o.name='rose';

}

fun(obj);

console.log(obj);

3)原始类型与引用类型的差异

a相当于把自己的值复制了一份给b,所以当a的值改变的时候不会影响b的值的改变

var a='hello world';

var b=a;

var a='hello javascript';

console.log(a);//hello javascript

console.log(b);//hello world

上述案例中值得类型为字符串，接下来把字符串换成对象

var obj1={

    name:'jack',

    age:18

}

             

var obj2=obj1;

obj1.name='rose';

console.log(obj1.name);//rose

console.log(obj2.name);//rose

//我们发现当obj1的值改变，obj2中的值也跟着变化。因为引用类型存储的是一个地址，而不是值本身。两个对象引用的是同一个地址。所有当一个改变时，另一个也会跟着变

4)原始类型与引用类型比较的区别

//原始

var str1 = 'hello world';

var str2 = 'hello world';

console.log(str1 == str2);    //true

//引用

var obj1 = {name:'xiaoming'};

var obj2 = {name:'xiaoming'};

console.log(obj1 == obj2);    //false