zoukankan      html  css  js  c++  java
  • javaScript对象及初始面向对象

    一、对象是什么?

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

    二、什么是面向对象?

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

    三、对象分为两种:

      自定义对象

      内置对象

    四、自定义对象

    语法:

    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);
    

     

     九、借用构造函数

    语法:

    apply([thisOjb[,argArray]])
    第二种:
    call([thisObj[,arg1[,arg2[,  [,argN]]]]])
    
  • 相关阅读:
    颜色,基础光照,材质(一)
    Model, View(Camera), Perspective (3)
    Model, View(Camera), Perspective (2)
    ROS惯导数据发布(Python)
    hector与gmapping总结
    cartographer参数调整
    Ubuntu终端键盘输入采样(python实现)
    Ubuntu蓝牙识别及PyBluez实现蓝牙串口测试
    Unity 代码生成动画控制器
    Unity 定制PlayableAsset在Inspector显示
  • 原文地址:https://www.cnblogs.com/whtt/p/10998771.html
Copyright © 2011-2022 走看看