面向对象

OOP 指什么?有哪些特性

面向对象编程(Object Oriented Programming,OOP,面向对象程序设计),其中最重要的就是类和对象,类就像一张图纸,而对象就是将图纸上的内容赋予一个变量

  1. 继承性:子类自动继承其父级类中的属性和方法,并可以添加新的属性和方法或者对部分属性和方法进行重写。继承增加了代码的可重用性。
  2. 多态性:子类继承了来自父级类中的属性和方法,并对其中部分方法进行重写。
  3. 封装性:将一个类的使用和实现分开,只保留部分接口和方法与外部联系。

如何通过构造函数的方式创建一个拥有属性和方法的对象?

function Cat(name){ this.name=nam; } Cat.prototype.say = function(){ console.log("this.name") } var dog = new Cat(“xiaoming”); dog.say();//xiaoming

prototype 是什么?有什么特性

  1. 每个函数都有prototype这个属性,对应的值是原型对象
  2. 每个对象都有个内部属性 proto,这个属性指向prototype属性
    用构造函数创建出来的对象实例也是对象,其proto指向构造函数的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('前端');

8D1DE3FD34A4B8549B429078B3BBECB9.png

创建一个 Car 对象,拥有属性name、color、status;拥有方法run,stop,getStatus

var Car = function(name,color,status){ this.name = name; this.color = color; this.status = status; } Car.prototype.run = function(){ console.log(“1”) } Car.prototype.stop = function(){ console.log(“1”) } Car.prototype.getStatus = function(){ console.log(“1”) } var mycar = new Car("玛莎拉蒂",“银色”,888);

创建一个 GoTop 对象,当 new 一个 GotTop 对象则会在页面上创建一个回到顶部的元素,点击页面滚动到顶部。拥有以下属性和方法

  1. ct属性,GoTop 对应的 DOM 元素的容器
  2. target属性, GoTop 对应的 DOM 元素
  3. bindEvent 方法, 用于绑定事件
    4 createNode 方法, 用于在容器内创建节点
    var GoTop = function(ct){ this.ct = ct; this.target = $(' <button>'+'点我回到顶部'+'</button>') } GoTop.prototypy.createNode = function(){ this.ct.append(this.target) } GoTop.prototypy.bindEvent = function(){ this.target.on('click',function(){ $(window).animate({scrollTop: 0},500); }) } var go = new GoTop; go.createNode(); go.bindEvent();
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容