一、什么是对象
生活中的一切事物都可以看成是对象，比如一台电脑，一个人，一个杯子。每个对象都有属于他自己的属性，比如人有性别身高和体重 ；电脑有品牌，杯子有颜色和容量等。
在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
网友评论