美文网首页程序员Ping说前端三剑客
JavaScript之面向对象编程

JavaScript之面向对象编程

作者: Ping开源 | 来源:发表于2021-01-18 01:07 被阅读0次

五、面向对象编程

目录:面向对象原型继承、面向对象class继承(ES6引入的)

1.面向对象原型继承

类:模板 对象:具体的实例
类是对象的抽象,对象是类的具体实例。
原型

var Student = {
  name: "xuesheng",
  age: 3,
  run: function() {
    console.log(this.name+"run");
  }
};
var xiaoming = {
  name: "xiaoming"
};
//小明的原型是Student
xiaoming._proto_=Student;

2.面向对象class继承(ES6引入的)

class Student {
  constructor(name) {
    this.name = name;
  }
  hello() {
    alert('hello')
  }
}
//小学生类继承学生类
class xiaoStudent extends Student {
  constructor(name,grade) {
    super(name);//实现父类的名字
    this.grade = grade;
  }
  myGrade() {
    alert('我是一名小学生')
  }
}
var xiaoming = new Student("xiaoming");
var xiaohong = new xiaoStudent("xiaohong",1);

本质:查看对象原型。
原型链:_ proto _
参考博客园链接:https://www.cnblogs.com/xxxx0130/p/13609316.html

原型和原型链详解 原型与原型链

相关文章

  • 构造函数与 new 命令

    JavaScript 语言具有很强的面向对象编程能力,本章介绍 JavaScript 如何进行面向对象编程。 对象...

  • Javascript面向对象编程

    阮一峰文档备忘 Javascript 面向对象编程(一):介绍封装 Javascript 面向对象编程(二):介绍...

  • JS创建对象方案(一)

    5.1 JavaScript的面向对象 JavaScript其实支持多种编程范式的,包括函数式编程和面向对象编程:...

  • JavaScript学习笔记(一)

    Javascript面向对象 1. 面向对象编程介绍 1.1 两大编程思想 面向过程 & 面向对象 1.2 面向过...

  • JavaScript学习

    javascript面向对象 初学javascript,感觉javascript的面向对象编程还是很有意思的,在此...

  • javascript的面向对象

    javascript面向对象 初学javascript,感觉javascript的面向对象编程还是很有意思的,在此...

  • ajax

    1. 面向对象 javascript 具有面向过程,面向对象,函数式编程的特点 javascript 重要 原型/...

  • javascript 面向对象编程

    引自:阮一峰的博客Javascript面向对象编程(一):封装Javascript面向对象编程(二):构造函数的继...

  • javascript面向对象编程

    javascript面向对象编程一(封装) 通俗易懂绝对干货 JS面向对象编程

  • JavaScript学习笔记(五)

    主要源于廖雪峰老师的JavaScript教程 面向对象编程 1. 简介 JavaScript的面向对象编程和大多数...

网友评论

    本文标题:JavaScript之面向对象编程

    本文链接:https://www.haomeiwen.com/subject/ctcoaktx.html