JS系列-js对象

JavaScript 对象

JS重点☞对象

---

---

前言

---

一、什么是对象？

对象是一个具体的事物
对象是由属性和方法组成的

• 属性： 事物的特征，在对象中用属性来表示（常用名词）
• 方法：事物的行为，在对象中用方法来表示（常用动词）

二、创建对象

2.1利用对象字面量创建对象

//  var obj = {};  //创建了一个空的对象
   var  obj = {
   uname: '夕颜'，
   age: 18,
   sex: '男'
   sayHi: function() {
   console.log('hi~~');
       }
   }
//(1)里面的属性或者方法我们采取键值对的形式  键  属性名：  值  属性值
//(2)多个属性或者方法中间用逗号隔开的
//(3)方法后面跟的是一个匿名函数
//使用对象
//（1）调用对象的属性  采取  对象名.属性名
console.log(obj.uname);  //对象的名字
//（2）对象名['属性名']
console.log(obj['uname']);  
// 调用对象的方法  sayHi   对象名.方法名()  要添加小括号
obj.sayHi();

变量与属性、函数与方法的区别
// 变量 单独声明并赋值 使用的时候直接写变量名 单独存在
//属性 在对象里面不需要声明的 使用的时候必须是对象.属性
//函数是单独声明 并且调用的 函数名() 单独存在
//方法 在对象里里面 调用的时候 对象.方法()

2.1利用new Object创建对象

 var obj = Object();  //创建了一个空的对象
 obj.name = '夕颜'；
 obj.age = 18;
 obj.sex = '男'
 obj.say = function() {
 console.log('hi~~');
 }
 //我们是用   等号=赋值的方法添加对现象的属性和方法
 //每个属性和方法之间用 分号结束；
 console.log(obj.name);
 console.log(obj['uname']); 
 obj.sayHi();

三、构造函数

把对象里面的一些相同的属性值和方法抽象出来封装到函数里面

//构造函数的语法格式
function 构造函数名() {
  this.属性 =  值；
  this.方法 = function()  {}
  }
  new 构造函数名();

//示例
function Star(uname,age,sex)  {
  this.name = uname;
  this.age = age;
  this.sex = sex;
  this.sing = function(sang) {
  console.log(sang);
     }
     new Star('夕颜' ，18，'男');
     //构造函数首字母要大写
     //构造函数不需要return就可以返回结果
     //调用构造函数必须使用new
     var xy=new Star('夕颜' ，18，'男');
     console.log(xy.name);
     console.log(xy.age);
     xy.sing('可')

四、遍历对象

//  for...in 遍历对象
 // for(变量 in 对象) {
}
var obj = {
    name: '夕颜',
    age: 18,
    sex: '男'
    fn: function() {}
  }
 for( var k in obj)  {
 console.log(k);  //k 变量 输出的是属性名
 console.log(obj[k])；//obj[k] 得到的是属性值
}

总结

对象让代码更加清晰，简单