JavaScript面向对象的一个例子

发布时间:2019-11-08编辑:脚本学堂
本文介绍下,javascript面向对象的一个实例,有需要的朋友参考下。

上节介绍了javascript 面向对象的语法,这节介绍个JavaScript面向对象代码的例子,如下:
 

复制代码 代码示例:

<script>
//创建一个站点的构造函数,name与url是其参数
function Site(name, url)
{
   this.url = url;
   this.name = name;
}

//为Site增加一个方法,用于显示网址
Site.prototype.show = function()
{
   return this.name+"的网址为:"+this.url;
};

//创建一个站点集合构造函数,sites是其参数
function Sites(sites)
{
   this.sites = sites;
}

//为Sites增加一个方法,用于显示网址
Sites.prototype.show = function()
{
   var retstr = "";
   for(var i=0;i<this.sites.length;i++)
   {
       retstr+=this.sites[i].show()+"<br />";
   }
   return retstr;
};

//新建一个站点集合,包括脚本学堂,百度,谷歌
var mySites = new Sites([new Site("jbxue", "www.jb200.com"), new Site("baidu", "www.baidu.com"), new Site("google", "www.google.com")]);

//打印站点网址
document.write(mySites.show());
</script>

您可能感兴趣的文章:
JavaScript面向对象编程(入门参考)
理解JavaScript中的面向对象
深入解析 Javascript 面向对象编程
JavaScript 面向对象的原型与实例分析
JavaScript 面向对象(OOP)的语法参考
javascript面向对象之this用法举例
javascript面向对象编程之this详解
javascipt面向对象扩展的例子
javascipt面向对象之成员函数实例
javasrcipt 面向对象编程的例子