JS学习笔记——面向对象，设计模式

面向对象，设计模式相关概念：

JS中，只有函数具有作用域。定义在一个函数中的变量，在该函数内嵌的函数是可以访问的。
函数是运行在定义他们的作用域中，而不是运行在调用他们的作用域中。

定义类的三种基本模式
1.门户大开型，全部是共有的
2.下划线变量模式，从编程规范上区分了私有变量
3.采用闭包实现真正的私有属性和方法（缺点：每个实例都有一份属性和方法的拷贝，浪费内存，而且不利于继承）

function Book(name) {
//定义私有的内部属性
var n;
// 定义公有的访问接口
this.getName = function () {
return n;
}
this.setName = function (newName) {
if (checkName(newName)) {
n = newName;
} else {
throw new Error("name format error");
}
}
//定义私有方法
function checkName(checkname) {
if (checkname.length > 10) {
return false;
}
return true;
}
//初始化内部属性
this.setName(name);
}
//所有实例都共享的方法
Book.prototype.display = function () {
alert("display:" + this.getName());
}
var b = new Book("wangjue");
alert(b.getName());
b.setName("fengfei");
alert(b.getName());

b.display();

继承的实现

// 类的继承
//定义父类
function SuperType(name1, sex1) {
this.name = name1;
this.sex = sex1;
}
SuperType.prototype.getName = function () {
return this.name;
}
//定义子类
function SubType(name1,sex1,age1) {
SuperType.call(this, name1, sex1);//调用父类的构造函数
this.age = age1;//子类新增的属性
}
//将子类继承到父类
SubType.prototype = new SuperType();
SubType.prototype.constructor = SubType;//修改子类的构造器名称(构造函数)
//拓展子类的方法，一定要放在继承的两行代码之后！！
SubType.prototype.getAge=function(){
return this.age;
}

var s = new SubType("wang", "manle", 12);
alert(s.getName() + s.getAge());
alert(SubType.prototype.constructor);