js day20 对象01

一、什么是对象

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

    在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