js中的对象基础

什么是对象

现实生活中：万物皆对象，对象是一个具体的事物，一个具体的事物就会有行为和特征。

车是一类事物，门口停的那辆车才是对象。特征：红色、四个轮子，行为：驾驶、刹车

JavaScript的对象是无序属性的集合。

其属性可以包含基本值、对象或函数。对象就是一组没有顺序的值。

我们可以把JavaScript中的对象想象成键值对，其中值可以是数据和函数。

创建对象

对象字面量
    // 创建一个电脑对象,有颜色,有重量,有品牌,有型号,可以看电影,可以听音乐,可以打游戏,可以敲代码
var obj1={
    color : "red",
    weight : 100,
    brand : 'sx',
    Model : 10012,
    color: 'ggg',
    Movie : function(){
        return "请看->电影";
    },
    Game : function(){
        return "给了游戏一巴掌";
    },
    Code : function(){
        return "我敲，代码"
    }
}

//下列是用new创建对象
var obj3 = new Object()
obj3.color= 'red';
obj3.weight = 100;
obj3.brand = 'sx';
obj3.Model = 10012;
obj3.Movie = function(){
        return "请看->电影";
    };
obj3.Game = function(){
        return "给了游戏一巴掌";
    };
obj3.Code = function(){
        console.log("我敲，代码");//在方法中写打印语句调用时直接用 对象.方法因为没有返回值
    };

工厂函数创建对象
// 创建一个按钮对象,宽,高,背景颜色,点击行为
function bbutton(width,height,bgcolor){
    var anniu = new Object();
    anniu.width = width;
    anniu.height = height;
    anniu.bgcolor = bgcolor;
    anniu.active = function(){
        console.log('点击');
    }
    return anniu
}
var b1=bbutton(10,10,"#e0e0e0")
可var多个简便的创建

自定义构造函数
// 创建一个车的对象,有重量,颜色,牌子,可以载人,拉货
function Car(weight,color,brand){
    this.weight=weight;
    this.color=color;
    this.brand=brand;
    this.person=function(i){
        console.log("拉走了"+i+"个人");
    }
    this.ll=function(n){
        console.log('拉走了'+n)
    }
}
var c1= new Car(100,"fff",'Toyota')
也可以var多个

调用：

用对象名.属性（可以是属性或函数）

对象名[“属性”]（只能输出值，不能在里面放函数名）

属性和方法

1. 如果一个变量属于一个对象所有，那么该变量就可以称之为该对象的一个属性，属性一般是名词，用来描述事物的特征

2. 如果一个函数属于一个对象所有，那么该函数就可以称之为该对象的一个方法

new关键字

构造函数，是一种特殊的函数。主要用来在创建对象时初始化对象，即为对象成员变量赋初始值，总与new运算符一起使用在创建对象的语句中。

1.、构造函数用于创建一类对象，首字母要大写。

2.、构造函数要和new一起使用才有意义。

new在执行时会做三件事情：

1、new会在内存中创建一个新的空对象

2、new会让this指向这个新的对象

3、new会返回这个新对象

this详解

函数内部的this几个特点：

1. 函数在定义的时候this是不确定的，只有在调用的时候才可以确定

2. 一般函数直接执行，内部this指向全局window

3. 函数作为一个对象的方法，被该对象所调用，那么this指向的是该对象

4. 构造函数中的this其实是一个隐式对象，类似一个初始化的模型，所有方法和属性都挂载到了这个隐式对象身上，后续通过new关键字来调用，从而实现实例化

比如有一个函数function（）调用function（arr）在这个函数内的this都指向这个arr

遍历对象的属性，不是遍历值

通过for..in语法可以遍历一个对象

for （key in 对象名）{}

// 创建一个车的对象,有重量,颜色,牌子,可以载人,拉货
function Car(weight,color,brand){
    this.weight=weight;
    this.color=color;
    this.brand=brand;
    this.person=function(i){
        console.log("拉走了"+i+"个人");
    }
    this.ll=function(n){
        console.log('拉走了'+n)
    }
}
var c1= new Car(100,"fff",'Toyota')
console.log(c1);
for(key in c1){
    console.log(key);
}
c1.person(5)//调用方法
c1.ll('邻居')
for输出这个：weight，color，brand，person，ll