欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-05-06 18:56:11
1)回顾javascript 数据类型 2)对象是什么 1.对象是包含相关属性和方法的集合体 1-1:属性 1-2:方法 2.什么是面向对象 2-1:面向对象仅仅是...

1)回顾javascript 数据类型

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>

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

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

    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)构造函数

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

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

小栗子:

<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.返回新对象

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