面向对象三大特征:
之所以叫三大特征呢, 是为了兼容一下现在流行的说法,其实面向对象是四个特征,抽象、封装、继承、多态。抽象是面向对象的基础,更是软件开发的基础。不要忘了!
封装:
function User(name,age,sal){
this.name=name;// 公开属性
var age=age;// 私有属性
var salary=sal;// 私有属性
// 在类中定义公开方法(特权方法)
this.show=function(){
alert(this.name);
}
// 私有方法
function show2(){
alert(age);
}
}
var p=new User(“hhb”,21,5000);
alert(p.name);
继承:
function xueshen(name,age){
this.name=name;
this.age=age;
this.show=function(){
alert(this.name+" == "+this.age);
}
}
function xiaoxueshen(name,age){
this.xueshen=xueshen;// xueshen就是父类 可以通过alert(xueshen)打印来看看
this.xueshen(name,age);// js中实际上是通过对象冒充来实现继承的,因为js是动态语言,如果不执行,则不能实现继承效果,js通过前面的方式可以实现多重继承
}
function daxueshen(name,age){
this.xueshen=xueshen;
this.xueshen(name,age);
}
var xxs = new xiaoxueshen("hhb","21");
xxs.show();
var dxs = new daxueshen("hehongbo","22");
dxs.show();
ja的重载和重写:
重载:函数名一样,但参数列表不一样。Js不支持重载(即不可以通过参数或类型来决定调用哪个函数),但是因为js本身支持可变参数,所以,可以看成天然支持重载
重写:子类可以重写编写函数覆盖父类的某个方法
function xueshen(name,age){
this.name=name;
this.age=age;
this.show=function(){
alert(this.name+" == "+this.age);
}
}
function xiaoxueshen(name,age){
this.xueshen=xueshen;// xueshen就是父类 可以通过alert(xueshen)打印来看看
this.xueshen(name,age);// js中实际上是通过对象冒充来实现继承的,因为js是动态语言,如果不执行,则不能实现继承效果
// xiaoxueshen可以覆盖stu父类的show(多态)
this.show=function(){
alert("xiaoxueshen show()");
}
}
var xxs = new xiaoxueshen("hhb","21");
xxs.show();// 调用的是子类的方法
多态:
Js实际上是无态的,是一种动态语言,一个变量的类型是在运行的工程中由js引擎来决定的,所以说,js天生就支持多态(无招胜有招,最强的多态)
function User(){
this.test1=function(){
alert("User test1");
}
}
function Cat(){
this.test1=function(){
alert("Cat test1");
}
}
var v = new User();
v.test1();
v = new Cat();
v.test1();
多态的案例,这是在网上荡下来的例子,写的很形象,我就厚着脸皮抄下来了哈
// 主人
function Zhuren(){
this.show=function(Dongwu,Shiwu){
document.write("主人给:"+Dongwu.name+"喂:"+Shiwu.name);
}
}
// 动物
function Dongwu(name){
this.name=name;
}
function Cat(name){
this.dongwu=Dongwu;
this.dongwu(name);
}
function Dog(name){
this.dongwu=Dongwu;
this.dongwu(name);
}
// 食物
function Shiwu(name){
this.name=name;
}
function Yu(name){
this.shiwu=Shiwu;
this.shiwu(name);
}
function Gutou(name){
this.shiwu=Shiwu;
this.shiwu(name);
}
var cat = new Cat("猫");
var dog = new Dog("狗");
var yu = new Yu("鱼");
var gutou = Gutou("骨头");
var zhuren = new Zhuren();
zhuren.show(cat,yu);
闭包:
function A(){
var i=0;
function b(){
alert(i++);
}
return b;
}
var c = A();// 此时内存中的i空间没有被gc处理;gc不会把i当作垃圾
c();
闭包和垃圾回收机制(GC)是相关联的
闭包实际上是涉及一个对象的成员属性,何时被GC处理的问题
怎样才能对对象的属性形成一个闭包(参考上面的案例)
OK!关于javascript面向对象编程的知识就分享到这啦。小伙伴们已经学会了如何使用面向对象的思想去编写javascript的代码了,去享受吧。
提醒一下小伙伴哈,因为博客是先用Word文档写的,其中的代码有很多开头的字母是大写的,虽然我已经极力避免和更正了,但是文中难免还是会有。要是小伙伴们粘贴的代码发现运行不了,那就需要小伙伴自己改正了,请放肆吐槽吧。嘿嘿@__@