5.1. JavaScript面向对象代码实践

JavaScript面向对象代码的写法与其它常见语言(Java C# C++)几乎完全不同。因此很有必要在这里为同学们举一个例子:

JavaScript面向对象代码示例

//创建一个站点的构造函数,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("dream du", "www.dream du.com"), new Site("baidu", "www.baidu.com"), new Site("google", "www.google.com")]);

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

JavaScript面向对象代码实践示例 -- 可以尝试编辑

猴子提示: 这个示例使用了构造函数,对象原型,数组等知识,可能你还不太了解,我只是想使你了解JavaScript代码的真正编写方法,将来的课程会逐渐讲解这些内容。



  • 教程中有什么不懂的地方?发现教程的错误!对教程有什么建议!快快联系猴子呀dreamdu@163.com,:)
赞助梦之都