【JavaScript 进阶教程】面向对象_js进阶面向对象，分享两道阿里P7究极难度算法题-CSDN博客

本文链接：https://blog.csdn.net/2301_82241942/article/details/137879268

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新大数据全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上大数据知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

如果你需要这些资料，可以添加V获取：vip204888 （备注大数据）

正文

ES6 是 JavaScript 语言的下一代标准，全称ECMAScript 6.0，ECMAScript 是JavaScript语言的国际标准，JavaScript是ECMAScript的实现，ES6 使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。

一：走进面向对象

学过编程语言例如C++，Java等等的小伙伴都或多或少接触到过面向对象，也都明白面向对象（OOP）和面向过程（POP）各自的优劣，下面卡卡西先带大家回顾一下二者各自的优劣

面向过程(POP)：

**优点：**性能较面向对象而言更高，适用于与硬件联系紧密的操作，如单片机等
**缺点：**不易维护，不易拓展，不易复用

面向对象(OOP)：

**优点：**由于面向对象有封装，继承，多态等特性，导致其更易维护，易拓展，易复用
**缺点：**性能相较于面向过程低

面向对象的思维特点：

面向对象的思维特点就是：抽取事物的公共属性公共方法封装成一个类，然后对类进行实例化，例如我们生产手机，我们先将手机公共的属性方法例如打电话，发短信封装为一个类，在实际生产时我们只需要实例化生成手机即可

总而言之，我们可以这样理解面向对象与面向过程，面向过程是一份鸡汤排骨面，而面向对象是一份清汤面，想让其成为鸡汤排骨面就放入鸡汤排骨，想让其称为番茄面就放入番茄，，是不是更好理解了呢？

二：类和对象

在 Java Script 中，万物皆为对象，对象是一组相关属性和方法的集合，一个字符串，一个数组…万物皆为对象

对象有如下特点：

对象由一系列属性和方法构成
对象的属性即对象拥有的特征，专用名词为属性
对象的方法即对象拥有的行为，专用名词为方法

类有如下特点：

类是ES6中新增的概念，可以使用class声明类，再用该类实例化对象

类抽象了对象的公共部分，例如手机都有打电话发短信功能，那我们就可以创建一个类，里面的方法为打电话发短信，我们生产手机时生产哪个牌子的就用该类实例化一个对象即可
对象是特指的某一个对象，而类是泛指的

三：创建类与生成实例

此版块我们学习创建类与对象的实例化

基本书写格式：（此处举例类名为 Animal）

//创建类

class Animal {

…

}

//实例化对象dog

var dog=new Animal()
<script>
//创建类
      class Animal{
           //填充内容
      }
//实例化对象
      var dog=new Animal();
</script>
注意点：

类名最好首字母大写！!
类名后直接跟花括号，不需要加小括号
实例化对象必须使用关键字new
实例化对象要加小括号
要先有了类，才能对象实例化，因为在es6中没有变量提升

四：constructor 构造函数

constructor 是类的默认构造函数，用于传参并返回给实例对象，在使用new生成实例对象时自动调用该方法，如果没有在类中明确写出该方法，则系统也会默认创建一个该方法

基本书写格式：（以参数为uname为例）

constructor (uname**){**

this.uname=uname；

}
<script>
      class Animal{
           constructor(uname){
               this.uname=uname;
           }
      }
      var dog=new Animal('旺财');
      console.log(dog.uname);
</script>
传参过程：

**第一步：**在 new 实例化对象时就会调用 constructor 构造函数，并把参数 ‘旺财’ 传递给构造函数的参数 uname
**第二步：**于是 uname 就把旺财传递给了 this.uname
**第三步：**this 指向的就是创建好的实例化对象，于是对象 dog 就有了 uname=旺财

注意点：

类内的方法不需要加 function
类内的共有属性和方法的使用一定要在前面加 this**（非常非常非常重要）**

五：类中添加共有方法

类中不止只会有constructor构造函数，还会有普通的共有方法

基本书写格式：

eat(****){

…

}
<script>
      class Animal{
           constructor(uname){
               this.uname=uname;
           }
           eat(food){
               console.log(this.uname + '在吃' + food);
           }
      }
      var dog=new Animal('旺财');
      var cat=new Animal('咪咪');
      dog.eat('骨头');
      cat.eat('鲤鱼');
</script>
注意点：

可以有参可以无参
类中的多个方法之间不需要逗号分隔
类中的方法不需要加 function

六：类继承 extends

面向对象三大特点：封装，继承，多态，这里我们讲解继承，继承顾名思义，就是一个子类可以调用父类中的内容

继承书写格式：（此处举例子类继承父类）

class Son extends Father{

…

}
<script>
      class Father{
          constructor(){ }
          say(){
              console.log('hello');
          }
      }
      class Son extends Father{
      }
      var son1=new Son();
      son1.say();
</script>
对于有传参情况的，可能需要用到super关键字，下一个内容将讲到

七：super关键字

super() 作为函数调用时就代表父类的构造函数，ES6要求子类构造函数必须执行super()

7.1 构造函数内的 super 使用

在开始讲解super前我们先看一个报错案例：

例如我们要调用父类的加法函数，但是在子类实例化传参
<script>
      class Father{
          constructor(x,y){
              this.x=x;
              this.y=y;
          }
          sum(){
              console.log(this.x+this.y);
          }
      }
      class Son extends Father{
          constructor(x,y){
              this.x=x;
              this.y=y;
          }
      }
      var son1=new Son(1,5);

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip204888 （备注大数据）

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

ass Son extends Father{

      constructor(x,y){
          this.x=x;
          this.y=y;
      }
  }
  var son1=new Son(1,5);

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip204888 （备注大数据）
[外链图片转存中…(img-l9TAWaZW-1713343560703)]