Java教程

JavaScript 中面向对象的基本体现

本文主要是介绍JavaScript 中面向对象的基本体现,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

面向对象的设计思想是:

  • 抽象出 Class

  • 根据 Class 创建 Instance

  • 指挥 Instance 得结果

在 JavaScript 中,所有数据类型都可以视为对象,当然也可以自定义对象。 自定义的对象数据类型就是面向对象中的类( Class )的概念。

假设我们要处理学生的成绩表,为了表示一个学生的成绩,面向过程的程序可以用一个对象表示:
var std1 = { name: '张三', score: 98 }
var std2 = { name: '李四', score: 81 }

而处理学生成绩可以通过函数实现,比如打印学生的成绩:

function printScore (student) {
  console.log('姓名:' + student.name + '  ' + '成绩:' + student.score)
}

如果采用面向对象的程序设计思想,我们首选思考的不是程序的执行流程, 而是 Student 这种数据类型应该被视为一个对象,这个对象拥有 name 和 score 这两个属性(Property)。 如果要打印一个学生的成绩,首先必须创建出这个学生对应的对象,然后,给对象发一个 printScore 消息,让对象自己把自己的数据打印出来。
抽象数据行为模板(Class):

function Student (name, score) {
  this.name = name
  this.score = score
}
 
Student.prototype.printScore = function () {
  console.log('姓名:' + this.name + '  ' + '成绩:' + this.score)
}

根据模板创建具体实例对象(Instance):

var std1 = new Student('张三', 98)
var std2 = new Student('李四', 81)

实例对象具有自己的具体行为(给对象发消息)

std1.printScore() // => 姓名:张三  成绩:98
std2.printScore() // => 姓名:李四  成绩 89

面向对象的设计思想是从自然界中来的,因为在自然界中,类(Class)和实例(Instance)的概念是很自然的。 Class 是一种抽象概念,比如我们定义的 Class——Student ,是指学生这个概念, 而实例(Instance)则是一个个具体的 Student ,比如, 张三 和 李四 是两个具体的 Student 。

这篇关于JavaScript 中面向对象的基本体现的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!