iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >JavaScript面向对象三个基本特征是什么
  • 183
分享到

JavaScript面向对象三个基本特征是什么

2024-04-02 19:04:59 183人浏览 八月长安
摘要

这篇文章主要讲解了“javascript面向对象三个基本特征是什么”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“JavaScript面向对象三个基本特征是什

这篇文章主要讲解了“javascript面向对象三个基本特征是什么”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“JavaScript面向对象三个基本特征是什么”吧!

封装

在说封装之先了解一下封装到底是什么?

什么是封装

封装:将对象运行所需的资源封装在程序对象中——基本上,是方法和数据。对象是“公布其接口”。其他附加到这些接口上的对象不需要关心对象实现的方法即可使用这个对象。这个概念就是“不要告诉我你是怎么做的,只要做就可以了。”对象可以看作是一个自我包含的原子。对象接口包括了公共的方法和初始化数据。(节选自百度百科)

我对于封装的理解,可能还有一个步骤就是抽离,首先你要清楚在一个对代码中你应该抽离那些属性方法,有了这些为基础才能更好的做好封装。

封装无非就是其属性和方法封装。

  1. 类:封装对象的属性和行为

  2. 方法:封装具体逻辑功能

  3. 访问封装:访问修饰封装无非就是对其访问权限进行封装

class Employees {     constructor(name,age){         this.name = name;         this.age = age;     }     getInfo(){         let {name,age} = this;         return {name,age};     }     static seyHi(){         console.log("Hi");        } }  let lisi = new Employees("Aaron",18); lisi.seyHi();   // lisi.seyHi is not a function lisi.getInfo();  // {name: "Aaron", age: 18} Employees.seyHi();  // Hi

Employees中抽出的公共属性有name,age,公共方法有getInfo,seyHi,然而getInfoseyHi所不同的是seyHi使用了static修饰符,改变其为静态方法,seyHi只属于Employees这个类。然而getInfo方法则是属于实例的。

这里使用了staticseyHi方法对其进行了访问权限的封装。

再举一个例子。

Promise.then()  //  Promise.then is not a function let p1 = new Promise(() => {}) p1.then();  //  Promise {<pending>} Promise.all([1]);   //  Promise {<resolved>: Array(1)}

从上面的代码中可以看出Promise也使用了static对其方法的访问权限进行了封装。

继承

继承:说到继承并不太陌生,继承可以使得子类具有父类的各种的公有属性和公有方法。而不需要再次编写相同的代码。在令子类别继承父类别的同时,可以重新定义某些属性,并重写某些方法,即覆盖父类别的原有属性和方法,使其获得与父类别不同的功能。(节选自百度百科)

子类继承父类后,子类具有父类属性和方法,然而也同样具备自己所独有的属性和方法,也就是说,子类的功能要比父类多或相同,不会比父类少。

class Employees {     constructor(name){         this.name = name;     }     getName(){         console.log(this.name)     }     static seyHi(){         console.log("Hi");        } } class Java extends Employees{     constructor(name){         super(name);     }     work(){         console.log("做后台工作");     } } let java = new Java("Aaron"); java.getName(); java.work(); // java.seyHi();    //  java.seyHi is not a function

从上面的例子可以看出继承不会继承父类的静态方法,只会继承父类的公有属性与方法。这一点需要注意。

子类继承之后既拥有了getName方法,同样也拥有自己的worker方法。

多态

多态:按字面的意思就是“多种状态”,允许将子类类型的指针赋值给父类类型的指针。(节选自百度百科)

说白了多态就是相同的事物,调用其相同的方法,参数也相同时,但表现的行为却不同。多态分为两种,一种是行为多态与对象的多态。

多态的表现形式重写与重载。

什么是重写

重写:子类可继承父类中的方法,而不需要重新编写相同的方法。但有时子类并不想原封不动地继承父类的方法,而是想作一定的修改,这就需要采用方法的重写。方法重写又称方法覆盖。(节选自百度百科)

class Employees {     constructor(name){         this.name = name;     }     seyHello(){         console.log("Hello")     }     getName(){         console.log(this.name);     } } class Java extends Employees{     constructor(name){         super(name);     }     seyHello(){         console.log(`Hello,我的名字是${this.name},我是做Java工作的。`)     } } const employees = new Employees("Aaron"); const java = new Java("Leo"); employees.seyHello();   //  Hello java.seyHello();    //  Hello,我的名字是Leo,我是做Java工作的。 employees.getName();    //  Aaron java.getName(); //  Leo

通过上面的代码可以看出Java继承了Employees,然而子类与父类中都存在seyHello方法,为了满足不同的需求子类继承父类之后重写了seyHello方法。所以在调用的时候会得到不同的结果。既然子类继承了父类,子类也同样拥有父类的getName方法。

什么是重载

重载就是函数或者方法有相同的名称,但是参数列表不相同的情形,这样的同名不同参数的函数或者方法之间,互相称之为重载函数或者方法。(节选自百度百科)

class Employees {     constructor(arg){         let obj = null;         switch(typeof arg)         {             case "string":                   obj = new StringEmployees(arg);                   break;             case "object":                   obj = new ObjEmployees(ObjEmployees);                   break;             case "number":                 obj = new NumberEmployees(ObjEmployees);                 break;         }         return obj;     } } class ObjEmployees {     constructor(arg){         console.log("ObjEmployees")     } } class StringEmployees {     constructor(arg){         console.log("StringEmployees")     } } class NumberEmployees {     constructor(arg){         console.log("NumberEmployees")     } } new Employees({})   // ObjEmployees new Employees("123456") //  StringEmployees new Employees(987654)   //  NumberEmployees

因为JavaScript是没有重载的概念的所以要自己编写逻辑完成重载。

在上面的代码中定义了Employees,ObjEmployees,StringEmployees,NumberEmployees类,在实例化Employees的时候在constructor里面进行了判断,根据参数的不同返回不同的对应的类。

感谢各位的阅读,以上就是“JavaScript面向对象三个基本特征是什么”的内容了,经过本文的学习后,相信大家对JavaScript面向对象三个基本特征是什么这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是编程网,小编将为大家推送更多相关知识点的文章,欢迎关注!

--结束END--

本文标题: JavaScript面向对象三个基本特征是什么

本文链接: https://www.lsjlt.com/news/85368.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作