Javascript 面向对象基础以及接口和继承类的实现
Javascript 面向对象基础以及接口和继承类的实现



前言

博客园谈设计模式的文章很多，我也受益匪浅，包括TerryLee、吕震宇等等的.NET设计模式系列文章，强烈推荐。对于我，擅长于前台代码的开发，对于设计模式也有一定的了解，于是我想结合Java script _ 来设计前台方面的“设计模式”，以对后台“设计模式”做个补充。开始这个系列我也诚惶诚恐，怕自己写得不好，不过我也想做个尝试，一来希望能给一些人有些帮助吧，二来从写文章中锻炼下自己，三来通过写文章对自己增加自信；如果写得不好，欢迎拍砖，我会虚心向博客园高手牛人们学习请教；如果觉得写得还可以，谢谢大家的支持了:)

在开始设计模式的书写之前，有必要对Java script _ 面向对象的概念先做个介绍，那么这篇文章就以面向对象基础作为起点吧。

那好了，闲话不多说了，开始这系列的开篇文章

理论知识

1. 首先Java script _ 是弱类型语言，它定义变量时不必声明类型，如var Person = new Person()，它的变量类型为“var”，现在的C# 3.0也引进了这种匿名类型的概念，弱类型的变量产生了极大的灵活性，因为Javascript会根据需要来进行类型转换。所以这也决定了它采用了晚绑定的方法，即在运行后才知道变量的类型；

2. 面向对象概念不必多说，封装，继承，多态；

3. Java script _ 对象的类型主要分为三种：本地对象，如String，Array，Date等；内置对象，如Global，Math等；宿主对象，是指BOM,DOM对象等等；变量范围包括传统面向对象程序设计中的作用域，如公有，保护，私有，静态等等；

主要内容

1. 现在让我们来看看Java script _ 怎样创建对象的：

Java script _ 代码:
function Man() {
   // 
}
Man.prototype.getNickName = function() {
    return "Leepy";
};

var man = new Man();
var name = man.getNickName(); 这样就创建了最简单的类和对象，其中我们可以把function Man() {} 看作是Man类的构造函数，getNickName()看作是Man类的方法，准确说可以“当作”是Man类的公共方法；为什么要说是当作呢？那是因为其实Java script _ 实际上并没有一个私有共有的划分，因此开发者们自己指定了这样的规约，那么规约是什么样的呢？我这里把Man类的清单完整地列出来：

Java script _ 代码
function Man() {
    // 私有静态属性
    var Sex = "男";
    //私有静态方法
    function checkSex() {
        return (Sex == "男");
    }
    //私有方法(不应该叫私有方法应该叫特权方法)
    this._getSex = function() {
        //调用私有静态方法
        if(checkSex())
            return "男";
        else
            return "女";
    }
    //私有方法
    this.getFirstName = function() {
        return "Li";
    };
    //私有方法
    this.getLastName = function() {
        return "Ping";
    };
}
//公共方法
Man.prototype.getNickName = function() {
    return "Leepy";
};
//公共方法
Man.prototype.getFullName = function() {
    return this.getFirstName() + " " + this.getLastName();
};
//公共方法
Man.prototype.getSex = function() {
    //调用私有方法
    return this._getSex();
};
//公共静态方法
Man.say = function() {
    return "Happy new year!";
}这样的类是否看起来和传统的类很相似了呢^_^



2. 接下来这个是本篇的一个重点，就是用Java script _ 如何设计一个接口，然后让类继承于它。

首先，先让我们看传统的C#语言是如何设计接口的吧：

C#代码:
public interface Person
{
    string GetName();
    void SetName(string name);
}
public class Man : Person
{
    private string _name;

    public string GetName()
    {
        return _name;
    }
    public void SetName(string name)
    {
        _name = name;
    }
} 接口中可以声明属性、方法、事件和类型(Structure)，（但不能声明变量），但是并不能设置这些成员的具体值，也就是说，只能定义，不能给它里面定义的东西赋值，而接口作为它的继承类或者派生类的规约，继承类或者它的派生类能够共同完成接口属性、方法、事件和类型的具体实现，因为这里GetName()，SetName()，不管是方法名还是属性调用顺序上都是要保持一致的；

那么有了这样的一个基于接口的思想，我们设计Java script _ 的接口类的时候也需要考虑到这个规范。我先从主JS文件调用端开始说起：

Java script _ 代码:
var Person