js自定义类&自定义对象

自定义类:

function 类名(形参1,形参2){

this.属性1=形参1;

this.属性2=形参2;

this.属性3=自定义值;

this.函数名=function(形参3,形参4){执行体}

……

}

//创建类的实例

var 对象名=new 类名();


注意:

1.js中的类定义的属性和函数为创建的子对象共享

除了共享的外,在js中每个对象可以继续自定义属性和函数

2.在js中没有继承的概念,但是可以通过prototype属性变相的继承

自定义空对象:

创建方式1:var 对象名=new Object();

创建方式2(开发中使用):var 对象名={};

代码示例:

1.自定义类

//类TestA

function TestA(){

        this.name="li";

        this.age="20";

        this.fav="play";

        this.methodA=function(){

                alert("I am TestA")

        }

}

//类TestB

function TestB(){

        this.name="fu";

        this.age="22";

        this.favor="learn";

        this.methodB=function(){

                alert("I am TestB");

        }

}

//通过prototype属性实现了相互调用,而非继承

TestA.prototype=new TestB();

//js的创建对象方法

var ta=new TestA();

var tb=new TestB();

//在js中每个对象可以继续自定义属性和函数

ta.sex="female";

ta.methodA();

ta.methodB();


2.自定义空对象

/*方式1*/

var obj=new Object();

obj.name="liu";

obj.age="23";

obj.test=function(){

        alert("this is way1");

}

alert(obj.name);

obj.test();


/*方式2*/

var obj={};

obj.name="fu";

obj.age="22";

obj.test=function(){

        alert("way2");

}

alert(obj.name);

obj.test();

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 7,827评论 2 17
  • 第一章: JS简介 从当初简单的语言,变成了现在能够处理复杂计算和交互,拥有闭包、匿名函数, 甚至元编程等...
    LaBaby_阅读 1,697评论 0 6
  • 单例模式 适用场景:可能会在场景中使用到对象,但只有一个实例,加载时并不主动创建,需要时才创建 最常见的单例模式,...
    Obeing阅读 2,097评论 1 10
  • ECMAScript关键字 delete do else finally function in instance...
    doudou2阅读 726评论 0 0
  • 认方向 教孩子注意认路、辨别方向,如以建筑物为识别标记等。尤其到十字路口等复杂地形,可让孩子观察上、下、左、右、前...
    儿童智能Emily阅读 281评论 0 0