1.对象是什么
面向对象编程(Object Oriented Programming,缩写为 OOP)是目前主流的编程范式。 它将真实世界各种复杂的关系,抽象为一个个对象,然后由对象之间的分工与合作,完成对真实世界的模拟。
每一个对象都是功能中心,具有明确分工,可以完成接受信息、处理数据、发出信息等任务。对象可以复用,通过继承机制还可以定制。
因此,面向对象编程具有灵活、代码可复用、高度模块化等特点,容易维护和开发。比起由一系列函数或指令组成的传统的面向过程式编程,更适合多人合作的大型软件项目。
用一句简洁的话来区别面向对象和面向过程:面向过程可以理解为“该干啥事情”,面向对象理解为“谁来干事情”。
经常有人说到,js中万物皆对象,并不是随口一说这么简单。因为对象是入任何一个实物的抽象,我们把对象成为Object,它的翻译就是咱们中文经常泛指的“东西”。
进一步来说,一个人,一部手机,一棵树都可以作为对象,难道只有我们现实生活中的事物才能作为对象吗?不是的,即便是在网络我们所提到的数据信息及其类型,也可以作为对象。
当事物被抽象成对象,事物之间的关系就变成了对象之间的关系,我们就可以操作对象,模拟对事物进行的操作。
作为每一个对象来说,我们可以把它看成一个容器,它封装了属性(property)和方法(method),属性就是对象具有的属性,比如把人(person)作为对象。
人有年龄(age),性别(sex),名字(name)等等,这些都是人的属性,可以通过person.xxx(person.age/person.sex/person.name)来访问属性。
方法就是对象具有的行为,还拿人这个对象来说吧,人可以吃饭(eat),打篮球(playbasketball),跑步(run)等等,这些都是人的方法,可以通过person.xxx()(person.eat()/perosn.run())来访问
2.JavaScript中的构造函数
既然是面向对象,那我们的第一步肯定是需要实例化对象是吧。上面提到了,对象是单个事物的抽象,我们可以把它看成一个模板,它具有这一类对象的共同特征,用这个模板生成对象。
典型的面向对象编程语言(C语言和Java),都有“类”(class)这个概念,这里的类就是我们所说的对象模板,用它实例化对象。
但是JavaScript语言的对象体系,不是基于“类”的,而是基于构造函数(constructor)的和原型链(prototype)。
在JavaScript中,我们使用构造函数作为模板来实例化对象。一个构造函数,可以生成若干个实例对象,这些实例对象都具有与模板相同的结构(属性和方法)。
构造函数其实就是一个普通的函数,但是它具有自己的特征和用法
上面的代码中,Person就是构造函数。
现在我们提一下普通函数和构造函数的区别:
1)构造函数:
构造函数名字的首字母大写
生成对象的时候,使用new命令
构造函数内部会创建一个新的实例
函数内部的this指向是新创建的实例
默认的返回值是new出来的实例
2)普通函数:
普通函数就遵循鸵鸟命名法
在调用函数的内部不会创建新的对象
函数内部的this指向调用函数的对象(如果没有对象调用,默认是window)
返回值由return语句决定
3.new命令
3.1基本用法
new 命令的作用,就是执行构造函数,返回的是一个实例对象。
上面代码通过new命令,让构造函数Person生成了一个实例对象,保存在变量man中,即man就是这个Person的一个实例对象。
这个实例对象man,从Person得到了name属性。new命令执行时,构造函数内部的this,就代表了这个新生成的实例对象,this.name表示实例对象有一个name属性,属性值是YKX。
使用new命令时,根据需要,构造函数也可以接受参数。
因为new命令本身就是可以执行构造函数,所以后面的构造函数可以带括号,也可以不带括号。
下面两行代码虽然是等价的,但是为了强调函数调用,推荐使用括号。
那么问题来了,如果忘了使用new 命令,直接调用构造函数会发生什么事? 这种情况下,构造函数就变成了普通函数,调用它并不会生成实例对象。
上面代码中,调用Person构造函数时,忘了加上new命令。结果,变量man变成了undefined,而name属性变成了全局window的一个属性,因此,应该非常小心,避免不使用new命令,强行调用构造函数。
为了确保构造函数和new命令一起使用,一个解决办法是,构造函数内部使用严格模式(在第一行加上use strict)。不用new命令直接调用构造函数,就会报错,
上面代码的Foo为构造函数,use strict命令保证了该函数在严格模式下运行。由于严格模式下,函数内部的this不能指向全局对象,默认等于undefinded,导致不加new调用会报错(JavaScript不允许对undefiend添加属性)
另一个解决方法,构造函数内部判断是否使用new命令,如果发现没有使用,则直接返回一个实例对象。
上面代码中的构造函数,不管加不加new命令,都会得到同样的结果。
在上面的例子中 obj1 obj2 obj3 为普通对象,f1 f2 f3 为函数对象。 怎么区分?其实很简单,凡是通过 new Function()创建的对象都是函数对象,其他的都是普通对象。f1,f2,归根结底都是通过 new Function()的方式进行创建的。Function Object 也都是通过 New Function()创建的。
3.2new命令的原理
使用new命令时,它后面的函数以此执行下面的步骤。**1.创建一个空对象,作为将要返回的对象实例。2.将这个空对象的原型,指向构造函数的prototype属性。3.将这个空对象赋值给函数内部的this关键字。4.开始执行构造函数内部的代码。**
由此可知.构造函数内部,this的指向是一个新生成的空对象,所有针对this的操作,都会发生在这个空对象上。构造函数的目的就是操作一个空对象(即this对象),将其“构造”为需要的样子。
当然,如果构造函数内部有return语句,而且return后面跟着一个对象,new命令会返回return语句指定的对象;否则,就不会管return语句,返回this对象。
上面eg2代码中,构造函数Person的return语句,返回的是一个新对象。new命令会返回这个对象,而不是this对象(即man2.name是YYY,不是YKX)。
4.Object.create()创建实例对象
我们都知道用构造函数作为模板创建实例对象,但是,如果暂时找不到构造函数,只有一个现有的对象,我们希望以这个现有的对象作为模板实例化对象, 我们就要用到Object.create()方法。
如上代码,person1就是一个对象,但它不是一个模板,没有构造函数,我们就用Object.create()把person1当成一个模板,让它(person1)成为模板生成一个实例对象(person2),这样.person2就具有了person1的属性和方法。这就是用Object.create()创建实例对象的简单过程。