Javascript-面向对象

Javascript-面向对象

1. 面向对象的基本概念
面向对象也即是OOP，Object Oriented Programming，是计算机的一种编程架构，OOP的基本原则是计算机是由子程序作用的单个或者多个对象组合而成，包含属性和方法的对象是类的实例，但是JavaScript中没有类的概念，而是直接使用对象来实现编程。
特性：

封装：能够将一个实体的信息、功能、响应都封装到一个单独对象中的特性。

由于JavaScript没有public、private、protected这些关键字，但是可以利用变量的作用域来模拟public和private封装特性

var insObject = (function() {
var _name = ‘hello’; // private
return {
getName: function() { // public
return _name;
}
}
})();

insObject._name; // undefined
insObject.getName(); // hello

这里只是实现了一个简单的版本，private比较好的实现方式可以参考深入理解ES6 145页
protected可以利用ES6的Symbol关键字来实现，这里不展开，有兴趣可以讨论

继承：在不改变源程序的基础上进行扩充，原功能得以保存，并且对子程序进行扩展，避免重复代码编写，后面的章节详细描述

多态：允许将子类类型的指针赋值给父类类型的指针；原生JS是弱类型语言，没有多态概念

但是JavaScript也不是不能实现多态的概念，只是如果你之前是学静态语言的同学，理解起来可能有些误差。例子：

比如我们有台电脑mac， 它有一个方法system来获取系统

var mac = {
system: function(){
console.log(‘mac’);
}
}

var getSystem = function() {
mac.system();
}

getSystem();// mac

某一天我们换成win，为了防止后面又换成mac，我们让getSystem函数有一定的弹性。
var mac = {
system: function(){
console.log(‘mac’);
}
}

var win = {
system: function(){
console.log(‘win’);
}
}

var getSystem = function(type) {
if (type == ‘mac’) {
mac.system();
} else if (type == ‘win’) {
win.system();
}
}

getSystem(‘mac’);// mac
getSystem(‘win’);// win

但是很明显这个函数还是有问题，某天我又换成centos呢。。。。我们改写一下getSystem这个函数
var getSystem = function(ins) {
if (ins.system instanceOf Function) {
ins.system();
}
}
这里我们是假设每个系统获取系统的名称都是system，实际开发过程中可能不会这样，这种情况可以用适配器模式来解决。

JavsScript中面向对象的一些概念：

类class： ES5以前就是构造函数，ES6中有class
实例instance和对象object：构造函数创建出来的对象一般称为实例instance
父类和子类：JavaScript也可以称为父对象和子对象

2. JavaScript对象属性

想弄懂面向对象，是不是先看看对象是啥呢？
我们先看一个题目:
[] + {}; // “[object Object]”
{} + []; // 0

解释：
在第一行中，{}出现在+操作符的表达式中，因此被翻译为一个实际的值（一个空object）。而[]被强制转换为"“因此{}也会被强制转换为一个string：”[object Object]"。
但在第二行中，{}被翻译为一个独立的{}空代码块儿（它什么也不做）。块儿不需要分号来终结它们，所以这里缺少分号不是一个问题。最终，+ []是一个将[]明确强制转换 为number的表达式，而它的值是0

2.1 属性
对象的属性

Object.prototype Object 的原型对象，不是每个对象都有prototype属性
Object.prototype.proto 不是标准方法，不鼓励使用，每个对象都有__proto__属性，但是由于浏览器实现方式的不同，__proto__属性在chrome、firefox中实现了，在IE中并不支持，替代的方法是Object.getPrototypeOf()
Object.prototype.constructor：用于创建一个对象的原型，创建对象的构造函数
可能大家会有一个疑问，为什么上面那些属性要加上prototype
在chrome中打印一下var a = {}

属性描述符
数据属性：
特性名称 描述 默认值
value 属性的值 undfined
writable 是否可以修改属性的值，true表示可以，false表示不可以 true
enumerable 属性值是否可枚举，true表示可枚举for-in, false表示不可枚举 true
configurable 属性的特性是否可配置，表示能否通过delete删除属性后重新定义属性 true

例子：