①抽象

js提供以下几种控制方法和属性的访问权限:

(1)公开级别:对外公开

(2)私有级别:类本身可以访问,不对外公开

案例如下所示:

function Person(name,age,sal){
this.name=name;//公开的属性
var age=age;//私有属性
var salary=sal;//私有属性 //在类中如何定义公开方法(特权方法),私有方法(内部方法)
//如果我们希望操作私有的属性,则可使用公开方法实现
this.show=function(){
window.alert(age+" "+salary);
}
show2=function(){
window.alert(age+" "+salary);
}
} var p1=new Person("sp",20,50000);
window.alert(p1.name+" "+p1.age);
p1.show();
//p1.show2();//报错,因为show2是私有方法。

输出:sp undefined

20 50000

☞我们前面学习过,通过prototype给所有的对象添加方法,但是这种方式不能去访问类的私有变量和方法。

function Person(){
this.name="abc";
var age=90;
this.abc=function(){
window.alert("abc");
}
abc2=function(){
window.alert("abc");
}
} Person.prototype.fun1=function(){
window.alert(this.name);
//window.alert(age);//这会报错,因为prototype添加的方法不能访问类的私有属性和方法。
this.abc();//必须用this.abc(),如果用abc()会报错
//this.abc2();//报错,但是如果直接用abc2()又没有出问题
} var p=new Person();
p.fun1();

②继承

(1)为什么需要继承?防止代码冗余,方便代码的管理

/*function MidStu(name,age){
this.name=name;
this.age=age;
this.show=function(){
window.alert(this.name+" "+this.age);
}
//计算学费
this.payFee=function(money){
window.alert("应缴"+money*0.8);
}
} function Pupil(name,age){
this.name=name;
this.age=age;
this.show=function(){
window.alert(this.name+" "+this.age);
}
this.payFee=function(){
window.alert("应缴"+money*0.5);
}
}
*/
//解决解决代码冗余-->继承 //抽象出一个学生类,(即把中学生和小学生的共性提取出来)
function Stu(name,age){
this.name=name;
this.age=age;
this.show=function(){
window.alert(this.name+" "+this.age);
}
} function MidStu(name,age){
this.stu=Stu;
this.stu(name,age);//js中实际上是通过对象冒充,来实现继承,这句话不能少
} function Pupil(name,age){
this.stu=Stu;
this.stu(name,age);
} var midStu=new MidStu("顺平",20); midStu.show();

this.stu=Stu;后的this.stu(name,age)这句话是不能少的。

//抽象出一个学生类,(即把中学生和小学生的共性提取出来)
function Stu(name,age){
this.name=name;
this.age=age;
this.show=function(){
window.alert(this.name+" "+this.age);
}
} function MidStu(name,age){
this.stu=Stu;//相当于把函数赋值给stu,赋值以后,一定要执行stu
//this.stu(name,age);//js中实际上是通过对象冒充,来实现继承,这句话不能少
     //因为js是动态语言,如果不执行该语句,则不能实现继承效果。
} function Pupil(name,age){
this.stu=Stu;
this.stu(name,age);
} var midStu=new MidStu("顺平",20);
window.alert(midStu.name);//没有this.stu(name,age);这句话,打印出undefined //midStu.show();//没有this.stu(name,age);这句话会报错,没有执行Stu函数

js可以不可以继承

没有extends关键字,但是可以通过对象冒充的方式实现继承,而且是多重继承。

特别说明:通过对象冒充,js可以实现多重继承的效果。

js不支持重载,但是函数的调用又和参数类型和参数个数是没有关系(其实也是另一种形式的重载,只是不是通过函数名来实现的)。

js的重载和重写

重载:js中不支持重载(即,不可以通过参数的个数 来决定调用哪个函数,但是因为js天热支持可变参数,所以,可以看做天热支持重载)。

结论:js只是不可以写几个同名函数(会被最后一个覆盖),但是因为函数调用时和参数没有关系,所以它具有函数重载所实现的功能。

重写:子类可以重新写函数,来覆盖父类的某个方法。

function Stu(name,age){
this.name=name;
this.age=age;
this.show=function(){
window.alert(this.name+" "+this.age);
}
} function MidStu(name,age){
this.stu=Stu;
this.stu(name,age);//js中实际上是通过对象冒充,来实现继承,这句话不能少
//MidStu可以覆盖Stu父类的show
this.show=function(){
window.alert("MidStu show()");
}
}
  

    var midStu=new MidStu("顺平",20);
    midStu.show();

 

重写,覆盖父类的方法。

③多态

所谓多态,就是指一个引用(类型)在不同情况下的多种状态。在java中多态是指通过指向父类的引用,来调用在不同子类中实现的方法。

js实际上是无态的,是一种动态语言,一个变量的类型是在运行的过程中由js引擎来决定的,所以说js天生就支持多态。

②封装

js面向(基于)对象编程-三大特征的更多相关文章

  1. JS面向(基于)对象编程--三大特征

    抽象 在讲解面向对象编程的三大特征前,我们先了解什么叫抽象,在定义一个类时候,实际上就是把一类事物的共有的属性和行为提取出来,形成一个物理模型(模板).这种研究问题的方法称为抽象. 封装 什么是封装? ...

  2. js面向(基于)对象编程—类(原型对象)与对象

    JS分三个部分: 1. ECMAScript标准--基础语法 2. DOM  Document Object Model 文档对象模型 3. BOM  Browser Object Moldel 浏览 ...

  3. JS面向(基于)对象编程--构造方法(函数)

    构造函数(方法)介绍 什么是构造函数呢?在回答这个问题之前,我们来看一个需求:前面我们在创建人类的对象时,是先把一个对象创建好后,再给他的年龄和姓名属性赋值,如果现在我要求,在创建人类的对象时,就直接 ...

  4. JavaScript学习总结(九)——Javascript面向(基于)对象编程

    一.澄清概念 1.JS中"基于对象=面向对象" 2.JS中没有类(Class),但是它取了一个新的名字叫“原型对象”,因此"类=原型对象" 二.类(原型对象)和 ...

  5. JavaScript学习总结(5)——Javascript面向(基于)对象编程

    一.澄清概念 1.JS中"基于对象=面向对象" 2.JS中没有类(Class),但是它取了一个新的名字叫"原型对象",因此"类=原型对象" ...

  6. JavaScript基于对象编程

    js面向对象特征介绍 javascript是一种面向(基于)对象的动态脚本语言,是一种基于对象(Object)和事件驱动(EventDirven)并具有安全性能的脚本语言.它具有面向对象语言所特有的各 ...

  7. python---面对对象的三大特征

    一.三大特征 面对对象的三大特征:继承.多态和封装,继承在面向对象类的创建中非常常见. 1.继承 为什么会有继承,当我们要创建一个新类的时候,发现他有很多属性或者反法都和我们另一个类的方法相同,这时我 ...

  8. 《Essential C++》读书笔记 之 基于对象编程风格

    <Essential C++>读书笔记 之 基于对象编程风格 2014-07-13 4.1 如何实现一个class 4.2 什么是Constructors(构造函数)和Destructor ...

  9. Python学习day24-面向对象的三大特征之继承

    figure:last-child { margin-bottom: 0.5rem; } #write ol, #write ul { position: relative; } img { max- ...

随机推荐

  1. hibernate映射排序

    @OneToMany(mappedBy="member") @OrderBy(value = "TousuID desc")

  2. hdu3076--ssworld VS DDD(概率dp第三弹,求概率)

    ssworld VS DDD Time Limit: 4000/2000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others) T ...

  3. curl库pycurl实例及参数详解

    pycurl是功能强大的python的url库,是用c语言写的,速度很快,比urllib和httplib都快. 今天我们来看一下pycurl的用法及参数详解 常用方法: pycurl.Curl() # ...

  4. 强大易用的日期和时间库 Joda Time

    Joda-Time提供了一组Java类包用于处理包括ISO8601标准在内的date和time.可以利用它把JDK Date和Calendar类完全替换掉,而且仍然能够提供很好的集成,并且它是线程安全 ...

  5. 数据挖掘之Slope One

    计算偏差: card() 表示集合包含的元素数量. http://www.cnblogs.com/similarface/p/5385176.html 论文地址:http://lemire.me/fr ...

  6. android 5.0 默认水波纹背景属性,可设置不论什么View

    actionBarItemBackground   5.0以上超出边界圆形水波纹 selectableItemBackground  5.0以上边界内圆形水波纹 这两个属性在5.0下面是默认的灰色效果 ...

  7. .NET C# Json序列化与反序列化——Newtonsoft.Json学习笔记

    Newtonsoft.Json,一款.NET中开源的Json序列化和反序列化类库(介绍及下载地址:http://json.codeplex.com/). /// <summary>    ...

  8. Python学习总结之五 -- 入门函数式编程

    函数式编程 最近对Python的学习有些怠慢,最近的学习态度和学习效率确实很不好,目前这种病况正在好转. 今天,我把之前学过的Python中函数式编程简单总结一下,分享给大家,也欢迎并感谢大家提出意见 ...

  9. 浅谈WPF本质中的数据和行为

    WPF缩写为Windows Presentation Foundation的缩写,本文所要谈的就是WPF本质中的数据和行为,希望通过本文能对大家了解WPF本质有所帮助. 如果自己来做一个UI框架,我们 ...

  10. 计算机网络 --万维网www

    万维网是一个分布式的超媒体系统,客户程序向服务器程序发出请求,服务器程序向客户程序送回客户所需要的万维网文档.万维网必须解决的几个问题:1.怎样标志分布在整个因特网上的万维网文档?答:万维网使用统一的 ...