html、css、js入门-19-js基础10：面向对象基础

对象概述

   . 对象是一种特殊的数据类型，由属性和方法封装而成
 
        --   属性指与对象有关的值:对象名.属性名
        --   方法指对象可以执行的行为或可以完成的功能:对象名.方法名()

   . 定义对象

        --   创建对象的实例
        --   创建对象的模板
        --   使用 JSON

 

创建通用对象

    .  使用Object 对象创建通用的对象

         function TestObject(){
            var personObj = new Object();
            // 添加属性

            personObj.name="John";
            personObj.age=50;
 
            //添加方法
            personObj.eat=eat;
        
            // 测试

            personObj.eat();
            alert(personObj.age);
 
         }

        function eat(){
           alert("name:"+this.name);
        }

 

项目案例:

使用 Object

  1、使用 Object 定义对象；
  2、为对象定义属性和方法;
  3、测试对象。

 

创建对象的模板

    .  定义构造函数，以创建自定义的对象
          -- 语法: function ObjName(参数1,参数2,...){}

      
    function Person(n,a){
       //name 和 age 属性
       this.name =n;
       this.age =a;
      //introduceSelf 方法
       this.introduceSelf=function(){
           alert("My Name is" + this.name);
       };

    }

 

 //测试对象

       function test(){
          var o1 = new Person("mary",18);   
          alert(o1.age);
          o1.introduceSelf();

          var o2 = new Person("john",20);
          alert(o2.age);
          o2.introduceSelf();
 
       }

 

项目案例:

    自定义对象:
                1.为自定义对象定义构造函数;
                2.为对象定义属性和方法;
                3.测试自定义对象。

 

JSON常用于Ajax的传参

JSON

   .  JSON(javaScript Object Notation) 是一种轻量级的数据交换格式

         --  使用名/值对的方式定义
         --  名称需要使用 "" 引起来
         --  多对定义之间使用,隔开

         var obj = {
             "firstName":"Brett";
             "lastName":"McLaughlin"
         };

 

JSON

   .   名称可以是属性
         -- 字符串类型的属性值，需要使用 "" 引起来

   .   名称也可以是方法
         -- 为其赋值 function 对象

         var obj = {"name":"Brett","age":20,"introduce":function(){
            alert("hello");
         }};

         //测试对象

         alert(obj.name);
         obj.introduce();  

 

项目案例:

    使用 JSON:
       1、使用 JSON 语法定义对象，并封装属性和方法;
       2、测试对象。