磨人的小妖精----原型链

引言

其实很早我就接触了原型链,可是一直是似懂非懂,实习或者是做项目经常性写一些业务代码也没有用上,但是原型链这个东西是JavaScript的精髓,我一定要弄懂,嘤嘤嘤

话不多说开始吧

首先需要看一张相当经典的图!
在这里插入图片描述
这张图看起来有点乱,但其实条例时十分清晰的。
还有一张关于我们JavaScript内置对象的:
在这里插入图片描述

对象、函数以及原型之间的关系

对象:在JavaScript中,人和事是存在的东西都是对象(包括函数也是一个对象),我们平时new出来的对象,看似是由函数实例出来的,但是其实是个假象。
第一个概念:JavaScript中的所有对象并不是说是构造函数实例化(new)而来的,JavaScript中存在构造函数的概念,但是实例化是不存在的。其实JavaScript对象是产生于构造函数的原型属性中
但是对象并不等于构造函数的原型属性,他们并不是相等的。

var A=function(){
}
var a=new A();
console.log(a===A.prototype)//输出false

oh~那么那么它们是个什么关系呢?据资料讲,这个关系造作克隆,每个对象都会有一个,JavaScript中给我们保留了一个属性去维持这个关系,
那就死__proto__。

var A=function(){
}
var a=new A();
console.log(a.__proto__===A.prototype)//输出true

这也就是为什么,我们在构造函数的原型属性上写的方法和属性能够被当前创建的对象访问的原因,这个__proto__起了十分大的作用。

原型链

console.log(typeof A.prototype);//输出object

继续之前的例子,我们输出A的原型属性,发现是个object,对象!!那么跟之前有类似了,他的构造函数是谁?

console.log(A.__proto__===Function.prototype);//输出true
console.log(A.__proto__.__proto__===Object.prototype);//输出true

就这样一条原型链就能够顺清楚了。

console.log(Object.prototype.__proto__);//null

原型链的最顶端是null!
其实执行typeof null也会是对象,其实它不仅仅是对象,他还是整个JavaScript体系的最上一级,所有的JavaScript对象都是由它一级一级克隆下来的!
补充一张图片(见过最简单易懂的图了,但是注意,在原型链上查找的时候是不会查找自身的原型链的!):
在这里插入图片描述

拓展

我们将对象的创建再细化一下!
在这里插入图片描述
直接上例子看看:

/*1、字面量方式*/
var a = {};
console.log(a.__proto__);  //Object {}

console.log(a.__proto__ === a.constructor.prototype); //true

/*2、构造器方式*/
var A = function(){};
var a = new A();
console.log(a.__proto__); //A {}

console.log(a.__proto__ === a.constructor.prototype); //true

/*3、Object.create()方式*/
var a1 = {a:1}
var a2 = Object.create(a1);
console.log(a2.__proto__); //Object {a: 1}

console.log(a2.__proto__ === a2.constructor.prototype); //false(此处即为图1中的例外情况)

结语

啊哈哈哈哈哈哈哈哈哈哈终于把你顺清楚了,你个原型链哈哈哈哈哈哈哈哈哈哈哈哈哈。
小建议就是,一定要自己动手!!印象更加深刻!!!!

参考资料

js原型链如何简单理解
三张图搞懂JavaScript的原型对象与原型链

展开阅读全文

150讲轻松搞定Python网络爬虫

05-16
【为什么学爬虫?】        1、爬虫入手容易,但是深入较难,如何写出高效率的爬虫,如何写出灵活性高可扩展的爬虫都是一项技术活。另外在爬虫过程中,经常容易遇到被反爬虫,比如字体反爬、IP识别、验证码等,如何层层攻克难点拿到想要的数据,这门课程,你都能学到!        2、如果是作为一个其他行业的开发者,比如app开发,web开发,学习爬虫能让你加强对技术的认知,能够开发出更加安全的软件和网站 【课程设计】 一个完整的爬虫程序,无论大小,总体来说可以分成三个步骤,分别是: 网络请求:模拟浏览器的行为从网上抓取数据。 数据解析:将请求下来的数据进行过滤,提取我们想要的数据。 数据存储:将提取到的数据存储到硬盘或者内存中。比如用mysql数据库或者redis等。 那么本课程也是按照这几个步骤循序渐进的进行讲解,带领学生完整的掌握每个步骤的技术。另外,因为爬虫的多样性,在爬取的过程中可能会发生被反爬、效率低下等。因此我们又增加了两个章节用来提高爬虫程序的灵活性,分别是: 爬虫进阶:包括IP代理,多线程爬虫,图形验证码识别、JS加密解密、动态网页爬虫、字体反爬识别等。 Scrapy和分布式爬虫:Scrapy框架、Scrapy-redis组件、分布式爬虫等。 通过爬虫进阶的知识点我们能应付大量的反爬网站,而Scrapy框架作为一个专业的爬虫框架,使用他可以快速提高我们编写爬虫程序的效率和速度。另外如果一台机器不能满足你的需求,我们可以用分布式爬虫让多台机器帮助你快速爬取数据。   从基础爬虫到商业化应用爬虫,本套课程满足您的所有需求! 【课程服务】 专属付费社群+每周三讨论会+1v1答疑
©️2020 CSDN 皮肤主题: 大白 设计师: CSDN官方博客 返回首页
实付0元
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值