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代码的真正编写方法，将来的课程会逐渐讲解这些内容。

From "JavaScript面向对象代码实践 - JavaScript面向对象(OOP)语法 - JavaScript教程"


  • 教程中有什么不懂的地方？发现教程的错误！对教程有什么建议！快快给我留言呀 给猴子留言，我会尽快解答你的问题:)