JavaScript对象基础讲解之初识面向对象

1）回顾javascript 数据类型

2）对象是什么

1.对象是包含相关属性和方法的集合体

1-1：属性

1-2：方法

2.什么是面向对象

2-1：面向对象仅仅是一个概念或者思想

2-2：通过一种叫做原型的方式来实现面向对象编程

3）创建对象

1.自定义对象

基于object 对象的方式创建对象

语法：

var 对象名称 = new object（）；

栗子一：基于object 对象的方式创建对象

<script>
    var flowe=new object();
    //添加属性
    flowe.name="长春花";
    flowe.genera="长春花园";
    flowe.areas="ssabvbvhvdhv";
    flowe.uses="观赏";
    //添加方法
    flowe.showname=function()
    {
        alert(flowe.name);
    }
    flowe.showname();
</script>

栗子二： 使用字面量赋值方式创建对象

    var flowe1=
    {
        name:"长春花",
        genera:"长春花园",
        areas:"ssabvbvhvdhv",
        uses:"观赏",
        showname:function()
        {
            alert(this.name);
        }
    }
    flowe1.showname();

2）内置对象

+常见的内置对象

1. string （字符串）对象

2. date （日期）对象

3.array （数组）对象

4.boolean （逻辑）对象

5.math（算数）对象

6. regexp 对象

---string（字符串）对象

1.length 属性

2.indexof（）方法 replace（）方法

---date（日期）对象

var time = new date();//获取系统时间
var hh = time.gethours();//获取系统小时
var mm = time.getminutes();//获取系统分钟
var ss = time.getseconds();//获取系统秒数

---array（数组）对象

1. length属性

2.sort（）、concat（）、join（）方法

---boolean（逻辑）对象

1.true 或者 false

2.tostring（）方法

---math（算数）对象

1.round（）、max（）、min（）方法

....................

---regexp对象

regexp是正则表达式的缩写

3）构造函数

小栗子：

<script>
    function flowe(name,genera,areas,uses)
    {
        this.name=name;
        this.genera=genera;
        this.areas=areas;
        this.uses=uses;
        this.showname=function()
        {
            alert(this.name);
        };
    }
    var flowe1=new flowe("长春花","长春花园","ssabvbvhvdhv","观赏");
    flowe1.showname();
    var flowe2=new flowe("野蛮书","长春花园","ssabvbvhvdhv","观赏");
    flowe2.showname();
    var flowe3=new flowe("也漫画","长春花园","ssabvbvhvdhv","观赏");
    flowe3.showname();
</script>

使用构造函数创建新实例：调用构造函数的4个步骤

1.创建一个新对象

2.将构造函数的作用域赋给新对象（this就指向了这个新对象）

3.执行构造函数中的代码

4.返回新对象

---------------未完待续---------------