快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

JavaScript面向对象

欢迎关注博主的网络课堂:http://edu.51cto.com/course/15019.html

创新互联主要从事成都网站设计、网站制作、网页设计、企业做网站、公司建网站等业务。立足成都服务漳平,十载网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18980820575

JavaScript面向对象

JavaScript中创建对象的方式

普通创建方式

在js中,属性可以动态添加,也可以动态删除

通过json格式创建对象

json的格式的表现形式

表现形式1

JavaScript面向对象

表现形式2

JavaScript面向对象

注意:value的取值可以是以下内容

JavaScript面向对象

对于以上的结构,那么json的变种就非常丰富

案例1:

var obj=["张三",15,true,
                {
                    "fatherName":"张无忌",
                    "motherName":"无忌张", 
                    children:["张飞","张亮","张靓颖"]
                }
        ];
alert(typeof obj)
alert(obj[0]);
alert(obj[3]["children"])

案例2:

 var obj3= {
            "name":"zhangsan",
            "age":15,
            children:[
                {
                  name:"张一",
                  age:1
                },
                {
                    name:"lisi",
                    age:10
                },
                {
                    name:"wangwu",
                    age:12
                }
            ],
            sayInfo:function(){
                console.log(this.name,this.age);
            }
 };
obj3.sayInfo();
for(var i = 0 ;i

工厂方法创建对象

function createObject(name,age){
            var obj = new Object();
            obj.name = name ;
            obj.age = age
            obj.sayHello=sayHello;
            return obj ;
 }
var sayHello=function(){
    console.log(this.name,this.age);
}
var obj1 = createObject("张三",12);
obj1.sayHello();
var obj2 = createObject("李四",20);
obj2.sayHello();

构造函数创建的对象

采用原型创建对象

使用原型+构造函数方式来定义对象,对象之间的属性互不干扰,各个对象间共享同一个方法

优化上面的案例

JavaScript中的继承机制

对象冒充

function Parent(name,age) {
  this.name= name ;
  this.age = age ;
  this.sayInfo = function(){
    console.log(this.name,this.age) ;
  }
 }
function Son(name,age,addr) {
  this.method=Parent;
  this.method(name,age);
  this.addr = addr ;
  //将自定义的method方法删除掉
  delete this.method;
  this.sayInfo=function(){
    console.log(this.name,this.age,this.addr) ;
  }
}

apply和call方法

function Parent(name,age) {
  this.name = name ;
  this.age = age ;
  this.sayInfo=function(){
    console.log(this.name,this.age);
  };
}

function Son(name,age,addr) {
  //call接受的离散的值,apply的参数为数组
  //Parent.call(this,name,age);
  Parent.apply(this,new Array(name,age));
  this.addr = addr ;
  this.sayInfo=function(){
    console.log(this.name,this.age,this.addr);
  }
}
var s = new Son("张三",15,"北京");
console.log(s)
s.sayInfo();

原型混合方式