震惊！18岁花季少女 竟为了“创建对象” 干出这样事！

目录

前言

JavaScript对象 

概念 ：属性和方法的无序集合，指具体事物

分类：自定义对象   内置对象  浏览器对象

创建对象的三种方法

1.字面量创建对象

2.new Object 创建对象

3.构造函数创建对象

---

前言

            对象？什么是对象？难道母胎solo也可以轻松拥有对象？搞好“对象”，从此之后单身再也与你无关！ 大家好我是一名十八岁少女，我要用最简单通俗的语言来告诉你最有用的知识！在这条变得“绝顶聪明”路上，以后就有这个是十八岁少女与你并肩同行吧！今天十八岁少女就为你带来“有对象是什么感觉”！而且你不仅仅可以拥有对象，还可以拥有很多个！

JavaScript对象 

概念 ：属性和方法的无序集合，指具体事物

       十八岁少女是事物吗？ 哎~  不是！ 而我才是！为啥？因为我就是世界上独一无二的具体的，不是泛指！十八岁少女指的就是年龄十八的女孩子，是泛指！那什么又是事物的属性和方法呢？事物的特征就是对象的属性。比如我的眼睛大不大！屁股翘不翘！头发长不长！身材好不好！都是我的特征，也就是对象的属性！再比如我给你一个拥抱！亲你一下！这种行为就叫做方法，事物的行为在对象里面就叫做方法！

分类：自定义对象   内置对象  浏览器对象

创建自定义对象的三种方法

1.字面量创建对象

• 字面量对象：{}花括号里面包含表达式这个具体事物/对象的属性和方法
• 创建字面量对象：

var 对象名 = {

属性名1：属性值1,

属性名2：属性值2,

属性名3：属性值3,

方法名1：function（）{
     方法内容1；
} }


var people = {
   var uname:'十八岁少女',
   var age:18,
   var sex:'女',

   SayHi：function(){
          console.log('Hi~')

}

}

 注意：这里采用的是逗号隔开，不是分号！方法跟的是匿名函数！

• 使用字面量对象：

调用对象的属性：1. 对象名.属性名       例：obj.age
               2. 对象名['属性名']    例：obj['age']

调用对象的方法： 对象名.方法名()       例：obj.SayHi();

2.new Object 创建对象

• 创建new Object 对象

var 对象名 = new Object();
obj.属性名1 = 属性值1；
obj.属性名2 = 属性值2；
obj.方法名 = function（）{
    方法内容
}

var people = new Object();
obj.uname = '18岁花季少女'；
obj.age = 18；
obj.kiss = function（）{
    console.log('hi~');
}

• 调用new Object 对象

调用对象的属性：1. 对象名.属性名       例：obj.age
               2. 对象名['属性名']    例：obj['age']

调用对象的方法： 对象名.方法名()       例：obj.SayHi();

3.构造函数创建对象

• 构造函数创建对象里面的一些相同的属性和方法抽象出来封装到函数里面
• 声明函数

function 构造函数名（）{
     
    this.属性 = 值 ；
    this.方法 = function（）{    }

}

• 使用函数

function Star(uname,age,sex){

   this.name = uanme;
   this.age  = age;
   this.sex  = sex;

}

var ldh = new Star('刘德华'，18，'男')； // 实例化

注意：

1.this 指定为当前对象；

2.构造函数名首字母大写；

3.构造函数不需要return就可以返回结果；

4.调用构造函数返回的是一个对象；

5.构造函数必须使用new；

6.构造函数泛指某一大类，创建对象 通过new关键字实例化对象；