• 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]]]]])
    
  • 相关阅读:
    前端 JavaScript&Dom
    前端 css续
    前端 初级篇(CSS)
    前端 初级篇(HTML)
    堡垒机
    Python操作RabbitMQ
    常用到代码片段
    关于文件上传功能的思考
    JS正则表达式将url转成json格式
    一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10
  • 原文地址:https://www.cnblogs.com/whtt/p/10998771.html
Copyright © 2020-2023  润新知