面向对象

面向对象
原则：开发封闭
扩展是可以的
修改时封闭的
//以前的代码都可以用，加的东西不影响以前的

封装 继承 多态
封装 将一系列相关的行为放到一起 能跑能叫 把这两个相关的方法放到一起
继承 为了提高重用性 你的 属性我都有
多态 动物的同一个方法say产生了不同的表现--叫声

类 就是图纸 实例就是把他放到计算机内存里 新开辟一段内存
实例化的结果就是对象--实例

array.length function.length
元素 形参

java的面向对象

java使用类class来实现继承

将一些属性和方法封装成泪
类可以继承类 父类和子类
将类实例化 就有了对象
对象拥有类的属性和方法 父类的属性和方法 父类的父类...
多态 不同对象的同一个方法 有不同的表现

js的面向对象

js用原型链来实现继承

标识符 不能和保留字或者关键字重复
系统要用的名字 保留字
已经有一些功能的保留字 关键字 var class 在es6中就变成了关键字

new 的时候js引擎做了什么
创建一个空对象作为this
this.proto指向构造函数的prototype
运行构造函数 //一般构造函数里有this
如果没有return 那么返回this

//console打出来的规则
当你尝试把一个对象打出来的时候
他会首先尝试把他的构造函数展示给你
展示的结果就是他的属性了

var  Foo=function(){
  this.name="foo";
}
var  foo= new Foo()

过程是

this={}
{}._proto_==> Foo.prototype
运行Foo   {}.name="foo"
返回this

这样this也就是{} 就有了两个属性 name 和proto

如果有return的时候 要看return 是不是一个引用类型 如

 var Foo =function(){
  this.name="foo";
 return {name:"returned"}
}

对于可以共用的属性和方法 可以写到构造函数的prototype里

this.prototype.say=function(){}
this.prototype.species="animal"

那这两个语句 可不可以放到构造函数里面呢 为什么放到外面 有什么好处

 var Foo =function(){
  this.name="foo";
  this.say=function(){}
  this.species="animal"
}

当然 为了 节省内存 可以把say的申明单独放到外面

var animalSay=function(){}
 var Foo =function(){
  this.name="foo";
  this.say=animalSay
  this.species="animal"
}

// 主要是看你的意图 这样 实例的结构会不同

var foo=new Foo();
foo.hasOwnProperty("say");  //true   foo含有自己的属性say

var Cat = function(){
    Animal.apply(this, arguments)
    this.tail = '一条尾巴'
}

// 下面三句话只是为了实现 Cat.prototype.proto = Animal.prototype

var F = function(){};
F.prototype = Animal.prototype;
Cat.prototype = new F();

// 纠正一下 constructor
Cat.prototype.constructor = Cat;

Cat.prototype.run = function(){
    console.log('猫儿在跑')
}

Cat.prototype.say = function(){
    console.log('喵喵喵')
}
var cat = new Cat()

cat.say()

不用类 使用原型链 来实现继承
//实现子对象继承父对象

function extend(parent){
 var F= function (){}
 F.prototype=parent
 return new F()
}      //Object.create()//  ie 不支持

var cat=extend(Animal);
cat.run=function(){
  console.log("在跑");
}
cat.say=function(){
  console.log("喵喵喵");
}