关于对象和原型的几个问题

问答

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

面向对象程序设计(Object-oriented programming
封装
封装机制将数据和代码捆绑到一起,避免了外界的干扰和不确定性。它同样允许创建对象。简单的说,一个对象就是一个封装了数据和操作这些数据的代码的逻辑实体。 在一个对象内部,某些代码和(或)某些数据可以是私有的,不能被外界访问。通过这种方式,对象对内部数据提供了不同级别的保护,以防止程序中无关的部分意外的改变或错误的使用了对象的私有部分。
继承
继承是可以让某个类型的对象获得另一个类型的对象的属性的方法。它支持按级分类的概念。例如,知更鸟属于飞鸟类,也属于鸟类。就像图5中描绘的那样,这种分类的原则是,每一个子类都具有父类的公共特性。
多态
多态是OOP的另一个重要概念。多态的意思是事物具有不同形式的能力。举个例子,对于不同的实例,某个操作可能会有不同的行为。这个行为依赖于所要操作数据的类型。比如说加法操作,如果操作的数据是数,它对两个数求和。如果操作的数据是字符串,则它将连接两个字符串。

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

例:

function Hunger(name,age){
  this.name = name,
  this.age = age
  this.func = function(name){
    console.log(name)
  } 
}
var p1 = new Hunger("hunger",18);
p1.func("name",18);
3. prototype是什么?有什么特性

prototype是构造原型,构造函数的prototype指向其所属类的原型对象,一个类的原型对象初始值是与类同名的

function Animal(){}

console.log(Animal.prototype)

// 结果:

Object {}
constructor: function Animal()
__proto__: Object

// Animal类的原型对象有两个属性:constructor和__proto__。
constructor属性便是构造函数Animal()。__proto__属性指向的是
Animal类的父类原型对象
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. 以下代码中的变量name有什么区别
function People (){
 var name = "饥人谷"; // 函数内部变量name == “饥人谷”
 this.name = "我"; // this指向的name == "我"(不使用构造函数时为window)
}
People.name = "jscode"; // 对象People的属性name
People.prototype.name = "学前端"; // People的原型对象的属性name

代码

1. 创建一个 Car 对象,拥有属性namecolorstatus;拥有方法runstopgetStatus
function Car(name,color,status){
  this.name: name;
  this.color: color;
  this.status: status;
  this.run: function(){
    this.status = "running";
  } ;
  this.stop: function(){
    this.status = "stop";
  }
  this.getStatus: function(){
    return this.status;
  };
}
var p1 = new Car("BMW","black","running");
2. 创建一个GoTop对象,当new一个GotTop对象则会在页面上创建一个回到顶部的元素,点击页面滚动到顶部。拥有以下属性和方法

ct属性,GoTop对应的DOM元素的容器
target属性,GoTop对应的DOM元素
bindEvent方法,用于绑定事件
createNode方法,用于在容器内创建节点

function GoTop($ct){
  this.ct  = $(".ct");
  this.creatNode = function(){
    this.ct.append("<div class='goTop'></div>");
  }
  this.target = $(".goTop");
  this.bindEvent = function(){
    this.target.on("click",function(){
      $(window).scrollTop(0);
    });
  }
}
var goTop = newGoTop($(".ct"));
3. 使用构造函数创建对象的方式完成轮播功能( 查看demo ),使用如下调用方式
function Carousel($node){
//todo...
}
Carousel.prototype = {
//todo...
};
var $node1 = $('.ct').eq(0);
var $node2 = $('.ct').eq(1);
var carousel1 = new Carousel($node1);
var carousel2 = new Carousel($node2);

本文版权归本人(帘外修竹),转载须说明来源

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 201,681评论 5 474
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 84,710评论 2 377
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 148,623评论 0 334
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,202评论 1 272
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,232评论 5 363
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,368评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,795评论 3 393
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,461评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,647评论 1 295
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,476评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,525评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,226评论 3 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,785评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,857评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,090评论 1 258
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,647评论 2 348
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,215评论 2 341

推荐阅读更多精彩内容