30.对象&原型

1.OOP 指什么?有哪些特性

参考
1.面向对象三大特性五大原则 + 低耦合高内聚
2.Object Oriented Programming - 百度百科

OOP(Object Oriented Programming)代表面向对象程序设计;与函数式程序设计和逻辑式程序设计所代表的接近于机器的实际计算模型不同,面向对象能够近似的反映应用领域内实体之间的关系,其本质更接近于人类认知事物所采用的计算模型

特性:

  • 封装:将一些属性和方法封装为类

封装是把过程和数据包裹起来,通过定义的方法访问;
在一个对象内部,某些代码或某些数据可以是私有的,不能被外界访问。通过这种方式,对象对内部数据提供了不同级别的保护,以防止程序中无关的部分意外的改变或错误的使用了对象的私有部分。

  • 继承:类可以继承类

指可以让某个类型的对象获得另一个类型的对象的属性和方法。它可以使用现有类的所有功能,并在无需重新编写原来的类的情况下对这些功能进行扩展。

  • 多态:不同对象的同一方法,可以有不同表现;

多态机制使具有不同内部结构的对象可以共享相同的外部接口。这意味着,虽然针对不同对象的具体操作不同,但通过一个公共的类,它们(那些操作)可以通过相同的方式予以调用。

2.如何通过构造函数的方式创建一个拥有属性和方法的对象?
function Person(name,age){
  this.name = name
  this.age = age
  this.sayName = function(){
    console.log(this.name)
  }
}
var person1 = new Person("Mike",12)
3.prototype 是什么?有什么特性

prototype通过调用构造函数而创建的对象实例的原型对象,每一个构造函数都有一个prototype属性,这个属性就是实例对象的原型对象;
原型对象上的所有属性和方法,都能被派生对象共享。

4.画出如下代码的原型图
function People (name){
  this.name = name;
  this.sayName = function(){
    console.log('my name is:' + this.name);
  }
}

People.prototype.walk = function(){
  console.log(this.name + ' is walking');  
}

var p1 = new People('饥人谷');
var p2 = new People('前端');
原型图
5.创建一个 Car 对象,拥有属性name、color、status;拥有方法run,stop,getStatus
function Car(name,color,status){
  this.name = name
  this.color = color
  this.status = status
}
Car.prototype = {
  run:function(){
    this.status = 'run'
  },
  stop:function(){
    this.status = 'stop'
  },
  getStatus:function(){
    console.log(this.status)
  }
}
6.创建一个 GoTop 对象,当 new 一个 GotTop 对象则会在页面上创建一个回到顶部的元素,点击页面滚动到顶部。拥有以下属性和方法

预览
代码

7.木桶布局

预览
代码

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容