JavaScript--黑马程序员pink老师笔记-- P143-P154 JavaScript对象

JavaScript对象

对象

现实生活中，对象是一个具体的事物

javascript中， 对象是一组无序的相关属性和方法的集合，所有的事物都是对象，例如字符串、数值、数组、函数等

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

创建对象（object）的三种方式

利用字面量创建对象{ }

1. 里面的属性或者方法我们采取键值对的形式 属性名： 值
2. 多个属性或者方法中间用逗号隔开
3. 方法冒号后面跟的是一个匿名函数

			 var obj = {
            uname: 'Jaller',
            age: 18,
            sex: 'woman',
            asyHai: function () {
                console.log('hi');
            }
        }

使用对象

1. 对象名. 属性名; 这个小点就理解为’的’
2. 对象名[‘属性名’]; 方括号里面的属性必须加引号
3. 对象名.方法名(); 千万别忘记加括号

console.log(obj.age);
console.log(obj['uname']);
obj.sayHai();

利用new Object创建对象

1. 利用等号=赋值的方法，添加对象的属性和方法
2. 每个属性和方法之间用分号结束

		var obj = new Object();//创建一个空的对象
        obj.uname = 'Jaller';
        obj.age = 18;
        obj.sayHi = function () {
            console.log('hi');
        }
        console.log(obj.uname);
        console.log(obj['age']);
        obj.sayHi();

利用构造函数创建对象

因为我们一次创建一个对象，里面很多的属性和方法是大量相同的，所以可以利用函数的方法，重复这些相同的代码，我们就把这个函数称为构造函数。

构造函数就是把我们对象里面一些相同的属性和方法抽象出来，封装到函数里面

        function 构造函数名(){
            this.属性=值;
            this.方法=function(){}
        }
        new 构造函数名();

1. 构造函数的名字首字母要大写
2. 构造函数不需要return就可以返回结果
3. 调用构造函数，必须使用new
4. 只要new Star()调用函数，就创建一个对象ldh{}
5. 属性和方法前面必须添加this

function Star(uname, age, sex) {
            this.name = uname;
            this.age = age;
            this.sex = sex;
    		this.sing = function(sang){
      		 console.log(sang);
            }
        }
        
        var ldh = new Star('刘', 18, '男');//调用返回的是一个函数
        console.log(typeof ldh);
        console.log(ldh.name);
        console.log(ldh['age']);
		ldh.sing('冰雨');

        var zxy = new Star('张', 19, '男');
        console.log(zxy.name);
        console.log(zxy.age);

变量、属性、函数、方法的区别

相同点

变量和属性都是用来存储数据的

函数和方法都是实现某种功能做某件事

不同点

变量：单独声明并赋值，使用的时候直接写变量名，单独存在

属性：在对象里面的不需要声明的，使用的时候必须是对象.属性

函数：单独声明，并且调用的==函数名()==单独存在

方法：在对象里面，调用的时候是对象.方法

构造函数和对象区别

1. 构造函数：Stars(),泛指的某一大类，类似java里面的类（class）
2. 对象：new Stars(),特指某一个，是一个具体的事物
3. 利用构造函数创建对象的过程，也称为对象的实例化

new关键字

1. new构造函数可以在内存中创建了一个空的对象
2. this就会指向刚才创建的空对象
3. 执行构造函数里面的代码，给这个空对象添加属性和方法
4. 返回这个对象（所以构造函数里面不需要return）

new和构造函数结婚

1.生了一个宝宝

2.这个包包必须是亲生的this指向

3.教孩子读书一肚子墨水

4.长大挣钱回报父母

遍历对象属性

for…in语句遍历对象

for (变量 in 对象) {
}

for（var k in obj) {
            console.log(k);//k变量输出得到的是属性名
            console.log(obj[k]);//obj[k]得到的是属性值
        }

• 使用for in里面的变量，我们喜欢写k或者key
• k变量输出得到的是属性名
• obj[k]得到的是属性值