JS学习笔记——面向对象基础

  今天温习了js的面向对象的知识,对这方面的知识做一次总结。

  首先是要理解对象和类。对象可以理解为一个具体的实物,比如一个人。而人有吃饭、睡觉等特性,把具有相同特性的对象进行分类,例如人类。对象和类的关系就是对象是类中某一具体的个体,类是许多具有相同特征对象的抽象。

  对象由属性和方法组成,通常在编程中对象的属性表现为变量,是一些静态的特征,对象的方法表现为函数,是一些动态的特征。例如:

1 var arr = [1, 2, 3]
2 arr.num = 4
3 console,log(arr.num) //4  变量num就是对象的属性
4 
5 arr.fn = function(){
6   console.log(4)
7 }
8 arr.fn() //4  函数fn就是对象的方法

  创建对象可以通过new object()或者对象字面量的形式。但这样创建一个对象非常容易,但创建100多个会产生代码冗余,我们可以把相同的代码给封装起来,这里要介绍工厂方式构造函数两种方式。

 1 // 工厂方式创建对象
 2 function createPerson(name) {
 3   var person = new Object()
 4   person.name = name
 5   person.showName = function () {
 6     console.log(this.name)
 7   }
 8   return person
 9 }
10 
11 var p = createPerson('pcyu')
12 p.showName() // 输出 pcyu
 1 // 构造函数方式创建对象
 2 function createPerson(name) {
 3   this.name = name
 4   this.showName = function () {
 5     console.log(this.name)
 6   }
 7 }
 8 
 9 var p = new createPerson('pcyu')
10 p.showName() // 输出 pcyu

  在构造函数中new关键字的作用就是当new调用一个函数的时候,函数里面的this会指向创建出来的对象并且这个函数的返回值就是这个创建出来的对象,总结来说就是当new去调用一个函数时,这个被调用的函数就是构造函数。

猜你喜欢

转载自www.cnblogs.com/pcyu/p/11300069.html
今日推荐