javaScript对象及初始面向对象

时间:2022-12-31 17:22:32

一、对象是什么?

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

二、什么是面向对象?

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

三、对象分为两种:

  自定义对象

  内置对象

四、自定义对象

语法:

var 对象名称=new Object( );

 案例:

var flower=new Object();
    flower.name="长春花";
    flower.genera="夹竹桃科 长春花属";
    flower.area="非洲、亚热带、热带以及*的华东、西南、中南等地";
    flower.uses="观赏或用药等";
    flower.showName=function(){    alert(this.name);    }
 flower.showName();

五、内置对象

  常见的内置对象:
  String(字符串)对象
  Date(日期)对象
  Array(数组)对象
  Boolean(逻辑)对象
  Math(算数)对象
  RegExp对象

六、构造函数

创建构造函数

function Flower(name,genera,area,uses){
        this.name=name;
        this.genera=genera;
        this.area=area;
        this.uses=uses;
        this.showName=function(){
            alert(this.name);
        }
    }
    var flower1=new Flower("长春花","夹竹桃科 长春花属","非洲、亚热带、热带以及*的华东、西南、中南等地","观赏或用药等")
   flower1.showName();

 七、调用构函数的4个步骤

  创建一个新对象
  将构造函数的作用域赋给新对象(this就指向了这个新对象)
  执行构造函数中的代码
  返回新对象

八、原型函数

实例:

function Flower(){

    }
    Flower.prototype.name="曼陀罗花";
    Flower.prototype.genera="茄科 曼陀罗属";
    Flower.prototype.area="印度、中国北部";
    Flower.prototype.uses="观赏或药用";
    Flower.prototype.showName=function() {
        alert(this.name);
    }
    var flower1=new Flower();
    flower1.showName();
    var flower2=new Flower();
    flower2.showName();
    alert(flower1.showName==flower2.showName);

 javaScript对象及初始面向对象

javaScript对象及初始面向对象

 

 九、借用构造函数

语法:

apply([thisOjb[,argArray]])
第二种:
call([thisObj[,arg1[,arg2[,  [,argN]]]]])