北大青鸟金码学校是东莞电脑培训是东莞专业IT培训机构、东莞电脑培...
新媒体
一个有自己主意的孩子才是有前途的孩子
2023学什么技术好
全栈软件测试
年味的记忆嘉华教育集团第二届手机摄影大赛
北大青鸟东莞金码学校Java培训,中国Java培训领跑品牌,关注Java培训1...
我有基础
构造函数、实例和原型的概念和关系
每个函数都属于对象,都会有一个属性叫prototype。这个属性指向一个对象,我们把他叫做当前函数的原型对象。原型对象下面有个属性叫constructor.这个属性指向当前函数。函数又分为普通函数和构造函数。这里我们说一下构造函数:
定义一个函数 :
function Person(x, y ) {
this.age = x;
this.name = y;
}
var xiaoming= new Person(12, "xiaoming" );
这里创建实例对象 xiaoming的时候就是调用了Person构造函数,使xiaoming有了自己的属性和方法,之后xiaoming和Person也就没有什么直接交集了(可以理解为小明分手了,哎程序员好难╥..╥)
但是每个实例对象都会有一个隐藏属性[[prototype]],这个属性在chrome/firefox下叫__proto__,仅仅供学习调试用.它指向的就是构造函数的原型对象。
原型对象的深入理解
对于这个原型对象,我们就要重点理解下了。这个对象的作用就是为了让所有的实例对象都能共享这个对象的属性和方法(当然实例本身的属性和方法优先级是高于原型的)。每个构造函数都会有一个默认的原型对象。我们只要在改原型对象上做文章就可以实现很多功能。
● 共享属性和方法:
Person.prototype.eyes = 2;
Person.prototype.walk = function ( ){……};
var xiaoming= new Person(12, "xiaoming" );
var xiaohong= new Person(12, "xiaohong" );
xiaoming.eyes
xiaohong.eyes
// 小明和小红都有2只眼
xiaoming.walk
xiaohong.walk
//小明和小红都会走路
● 原型链:
我们先做一个假设,假如我们把一个函数对象Man的原型直接给换成另一个函数对象Person的实例对象xiaoming会怎么样呢?
前面说了,通过实例对象是可以找到函数对象Person的原型。那我们现在Man对象的实例xiaoming是不是也就可以访问到Person对象的原型对象了呢。
function Man( ) {
this.beard = "xxx";
}
Man.prototype = new Person( 23, "xiaoming" );
这里我们相当于把默认的那个原型给重写了,给参数其实就是给原型添加属性和方法
var xiaoming = new Man();
xiaoming.beard //xxx 这里实例xiaoming自己的属性(小明有胡子)
xiaoming.age //23
xiaoming.name //xiaoming 这两个属性是实例的原型上面的属性(其实这个属性是Person实例的属性,但是现在的原型不就是Person实例吗)
xiaoming.eyes //2 这个属性呢,是Person的原型对象上面的了
这里我们基本上都可以访问到,是不是有点继承的味道了。
如果我们再这样搞一个对象,也这么干,这里是不是就感觉像条链一样。最顶端的对象是Object,也就是说到最后了。我们把这条链接方式叫做原型链。这也是继承的依据。
继承
和传统的OOP语言来说,JavaScript语言比较蛋疼的是它没有类这个机制。所以说我们事先js的继承就从对象角度下手了。我们重点说一下依据原型链继承的。(其他的继承我就不说了,比如借用父对象的构造函数等,实用性不强)
1.上面所说的实现原型链的方法虽然有点继承的味道了,但是你有没有发现 实例化xiaoming这个对象的时候调用了Man这个构造函数,但是xiaoming自己的age和name都没能进行构造,只不过是原型上的属性而已(其实是Person自己构造的,new Person( 23, "xiaoming" ))。我们其实可以这样用call和apply这个object原型下面给我们定义好的方法改进下(call和apply方法自己看api说明吧)
function Man(x, y) {
Person.call(this, x, y); //这里你可以这样理解,this指的是Man,这样其实就是借用Person构造函数
this.beard = "xxx";
}
我们把Man的构造函数这样一改,实例化的时候传参,这样age和name这两个属性就是Man自己构造出来的了,并不会被共享
Man.prototype = new Person( );
Man.prototype.constructor = Man;
var xiaoming = new Man(23, "xiaoming");
这里只是让Man的原型的构造函数变成原有的构造函数,如果不加这一句的话,那么Man原型的构造函数就变成undefied,因为实例和构造函数并没有直接关系。这样一来,原型找不到构造函数,这是非常蛋疼的事情,违反了原型链的定义啊。
这边可能会有人问了,我为什么不自己像胡子beard 那个属性一样直接构造呢。
大哥,我这是举例子,你以为实际的项目中就会有这么两个属性吗。而且这样不正是继承的目的吗
可以少写很多代码啊。(说多了都是泪)
但是也是有缺点的:两次调用父类构造函数(第一次是在创建子类原型的时候,第二次是在子类构造函数内部);子类继承父类的属性,一组在子类实例上,一组在子类原型上(在子类原型上创建不必要的多余的属性,实例上的屏蔽原型上的同名属性,是不是感觉有点多余了 ,效率低。
2.为了改进这种方法,下面说的这种继承方式是借助我们伟大的道爷(这个人很厉害,自行百度)的灵感 。这种就是利用一个空函数对象来做一个桥梁.
具体实现方式如下:
function inherits(Child, Parent) {
var F = function () {};
F.prototype = Parent.prototype;
Child.prototype = new F();
Child.prototype.constructor = Child;
}
另外在子对象的构造函数中别忘了借用父对象的构造函数哦。(就是那个call或者apply方法)
这里和上面的区别是,子对象的原型现在不是父对象的实例了,变成了空函数对象的实例(父对象不用再创建两次了,并且子对象的原型上也不会有啥属性和方法了)。而空函数对象的原型变成了父对象的原型。前面我们说过,有了实例就能找到原型。所以现在子对象原型和父对象原型是就建立关系了。这种方式现在是最稳的方法,也已经被很多框架给写到源码里面了。
这里我们就用google closure 关于继承的两个api,这边简单举个例子:
Child = function( ){
goog.base(this);
this.height = 12;
}
goog.inherits(Child, Parent);
这里就实现了我们上述实现的,不过封装起来了而已。
2016年4月1日,北大青鸟东莞金码学校的老师们参加了嘉华教育集团组织的茶溪谷一日游。在风景优美的东部华侨城茶溪谷,老师们不仅进行了团队
北大青鸟东莞金码学校第十届校友会在报告厅顺利举行,本次校友会主题为为职场加点‘料’,出席本次校友会的嘉宾有:安卓主管方老师
北大青鸟东莞金码每年都会举办文化艺术节,以各种活动形式贯穿其中,让学员感受到浓浓的文化艺术氛围,并亲自参与到文化节的活动中来,也是
北大青鸟东莞金码学校不定期组织学员开展精彩的文娱活动,通过K歌比赛、晚会节目表演、艺术节活动,以及平时的文娱表演,让学员可以通过各种活动展现自
北大青鸟东莞金码经常组织各种形式的学术活动,包括辩论赛、编程大赛、PPT比赛、知识竞赛、学术讲座、程序开发比赛等等。让学员通过参与各
很多学生求职难,不是因为素质不好、能力不行、经验不够被刷掉,而是因为简历不够闪!找出写简历的突破口、切入点,才能在HR的筛选过程中脱
1、用很怪异的邮箱名字发送简历例如司机投递简历时名字是没油了或迷路了,年轻人投简历用什么彻夜跳舞、狂欢这类的文字,或者带脏字,等等
一些职业限制因素是我们无法掌控的。新产品发布有可能被经济不景气拖累,你的导师在公司重组中失业,你必须在高层另找个新的获胜者作为导师
大学毕业找工作,你选择了哪个城市作为自己职业生涯的出发点?最近正值毕业求职季,前程无忧论坛(bbs 51job com)用这个话题带网友们回忆了往
最近好多人都在问,面临暑期实习,应该去大公司还是小公司?原以为现在公司名气大平台高,但是入职后发现各种问题,好坏公司如何
有了这些法宝,妈妈以后再也不用担心我加班了~一、产品狗、运营猫的数据处理中心1 infogr am infogr am是一个强大的数据可视化图表创作
预 备测试环境: AMD 毒龙1 4G OC 1 5G、256M DDR333、Windows2000 Server SP4、Sun JDK 1 4 1+Eclipse 2 1+Resin 2 1 8,
1 字符基础1 1 单字节字符集(single-byte character set(SBCS))顾名思义,在这种模式下,所有的字符都只用一个字节表示,常见的如,ASC
众所周知,新站一般排名稳定的时间大概在3个月左右,所以seo教程以新站上线三个月的时间来阐述下外链思想,以及如何发外链来让关键词更早的...
DDoS带来的破坏是巨大的,你无法阻止黑客对你的网站发动DDoS攻击,除非主动断开Internet连接。如果我们无法防止这种攻击,那么,怎样做才能最大限度地保护我们的企业网络呢?
横沥镇北大青鸟:打工多年想学技术学什么有前途?来自东莞横沥镇的孟小冬走进东莞北大青鸟校区,讲起了他在东莞横沥打工的经历,从18岁就来
初中毕业学啥技术好?在东莞,很多工厂的工人们都只有初中学历,但是他们仍然有一颗敢于奋斗的心,他们期望通过自己的努力为自己赢得精彩的
春节过后是招聘旺季,对于东莞北大青鸟毕业学生来说,这样的机遇必须好好把握。
一年一度的灾难片来袭,因为要开学啦!同学们,暑假作业完成没,摸底考试又要来了,是不是感到又彷徨,又紧张?如果说假期是为了放松和调整
时光犹如停留在半年前,我不知道该怎么形容我现在的心情,因为一切都太出乎我的意料了,当初还在犹豫北大青鸟学校学费的时候,还在犹豫北大
女生高考落榜怎么办?在2016年的今天,上大学已经不再是改变命运的唯一方式,读职业培训学校也是一种出路。上职业教育,可以学到一门专业技
众所周知,随着互联网日新月异的发展,随着网络的科技发达,电脑的应用成了我们生活中不可的一件物品了,经常在一些贴吧论坛上看到很多人提出这样的问题,“本人已经成年了,还可以再学习电脑吗?”“电脑学起来难度大吗?”“现在学习会不会太晚了”等一系列的问题,其实,成人学习电脑并不算太晚,关键看你选择什么成人电脑培训班!
1 只在电脑上练习如果面试官要考核你的技术,很有可能会要求你在白板上写代码,而不是电脑上。所以,你就不能只在电脑上练习。电脑上的编译
高考落榜读大专还是学技术好呢?不少人会有这样的疑问。就小编看来,如今大学升学率高达90%,高考落榜的学生,通过一些渠道也有大学上。人
“To be,ornot to be:thatis thequestion”(生存还是毁灭:这是一个问题),这是著名的莎士比亚悲剧《哈姆雷特》中的主人公一句非常经典的独白,也是数百年来经常困扰人们的选择问题。这段哈姆雷特式问题的台词,经常用来形容一个人在犹豫在思考时候的两难情况,用现代人的说法就是“选择困难症”。人们经常纠结于各种选择,生怕选错了,就会陷入“蓝瘦香菇”的困境。