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]]]]])
    
  • 相关阅读:
    剑指offer——最小的K个数和数组中第K大的元素
    Leetcode刷题指南链接整理
    160. Intersection of Two Linked Lists
    100. Same Tree
    92. Reverse Linked List II
    94. Binary Tree Inorder Traversal
    79. Word Search
    78,90,Subsets,46,47,Permutations,39,40 DFS 大合集
    0x16 Tire之最大的异或对
    0x16 Tire
  • 原文地址:https://www.cnblogs.com/whtt/p/10998771.html
Copyright © 2011-2022 走看看