博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS中原型的理解
阅读量:6173 次
发布时间:2019-06-21

本文共 2366 字,大约阅读时间需要 7 分钟。

我们都知道在JS的世界中,几乎所有东西都是对象,而对象又是通过继承来层层获得属性和方法,

var str = new String('mario');console.dir(str);

首先我们要区分String对象和function String(){}构造函数的区别,JS中对象继承__proto__的是对象,函数继承__proto__的是函数(虽然函数也是对象),只有函数才有原型prototype属性供它实例的对象继承,也就是说str.__proto__ === String.prototype;在CHROME中显示如下:

String0: "m"1: "a"2: "r"3: "i"4: "o"length: 5__proto__: String[[PrimitiveValue]]: "mario"

字符串对象的长度是5,初始值是“mario" 继承于String对象;这个String对象包含了我们熟知的大部分方法和属性如:

charAt(),charCodeAt()..........,仔细看String对象的属性和方法也包含一个constructor和__proto__属性,其中__proto__又指向Object对象,constructor指向的是 构造函数function String(){};
__proto__指向的Object对象包含以下属性和方法:

constructor  :ƒ Object()hasOwnProperty : ƒ hasOwnProperty()isPrototypeOf : ƒ isPrototypeOf()propertyIsEnumerable : ƒ propertyIsEnumerable()toLocaleString : ƒ toLocaleString()toString : ƒ toString()valueOf : ƒ valueOf()__defineGetter__ : ƒ __defineGetter__()__defineSetter__ : ƒ __defineSetter__()__lookupGetter__ : ƒ __lookupGetter__()__lookupSetter__ : ƒ __lookupSetter__()get __proto__ : ƒ __proto__()set __proto__ : ƒ __proto__()[[PrimitiveValue]] : ""

这个Object对象没有__proto__属性,说明这个Object对象已经是继承的终点,所有的对象最终都会继承于它。

我们在看看最初的String对象有个constructor属性指向的是构造函数function String(){};说明每个对象都有一个constructor属性指向创建它的构造函数,所以字符串的constructor会指向String构造函数,那么问题是在JS中,函数也是对象,那么函数的作为对象时又是如何继承的呢,
实际上所有的构造函数都会继承一个特殊的匿名函数f(){};这个特殊的匿名函数只有最基本的属性和方法:

apply : ƒ apply()arguments : (...)bind : ƒ bind()call : ƒ call()caller : (...)constructor : ƒ Function()length : 0name : ""toString : ƒ toString()Symbol(Symbol.hasInstance) : ƒ [Symbol.hasInstance]()get arguments : ƒ ThrowTypeError()set arguments : ƒ ThrowTypeError()get caller : ƒ ThrowTypeError()set caller : ƒ ThrowTypeError()__proto__ : Object

这个特殊的匿名函数f,做为对象又继承了终极对象Object,虽然函数也是对象,但是作为JS中的一等公民,他又有自己的特权,匿名函数f又作为一等公民中的特殊存在,它又有什么特殊的属性和方法呢,通过上面显示的属性和方法我们看到匿名函数f创建它的构造函数是fuction Function(){};不要小看这个构造函数,它是特殊的匿名函数f以自己为原型和继承自己的属性创造的,就像女娲按照自己的样子和能力,创造了第一个人类,其他的人类的原型都是这个人,这个人我们简称始祖吧,只有简单的属性和方法,

arguments :nullcaller : nulllength : 1name : "Function"prototype : ƒ ()__proto__ : ƒ ()

几乎就只有一个名字Function;而创造它的匿名函数 f 就像是女娲;

可以这么说,所有的函数都继承于这个特殊匿名函数 f ,都有个原型,供它的实例对象继承,而这个原型又继承于终极的Object对象。

总结:

JS里的所有对象分为两类,一般对象,作为函数的对象;

一般对象首先继承于创建它的原型对象,再继承于终极Object对象,constructor属性指向创建它的构造函数;当然作为终极Object对象,虽然没有在继承的对象,但是有创造他的构造函数即constructor属性,function Object(){};
函数继承于特殊的匿名函数 f ,还有个原型prototype即终极Object对象供它的实例对象继承,而它的建造者就是已自身为原型和继承的终极大BOSS function Function(){};

转载地址:http://hoqba.baihongyu.com/

你可能感兴趣的文章
ubuntu server 10.4下NFS服务的配置
查看>>
《数据库技术原理与应用教程》一第2章 数据库的基础知识
查看>>
Linux集群和自动化维1.6 小结
查看>>
为hexo博客添加基于gitment评论功能
查看>>
puppet学习之puppet证书验证
查看>>
创建数据库快照并恢复数据
查看>>
我的友情链接
查看>>
Eclipse工具进行Spring开发时,Spring配置文件智能提示需要安装STS插件
查看>>
NSURLCache内存缓存
查看>>
jquery click嵌套 事件重复注册 多次执行的问题
查看>>
Dev GridControl导出
查看>>
开始翻译Windows Phone 8 Development for Absolute Beginners教程
查看>>
Python tablib模块
查看>>
站立会议02
查看>>
Windows和Linux如何使用Java代码实现关闭进程
查看>>
0428继承性 const static
查看>>
第一课:从一个简单的平方根运算学习平方根---【重温数学】
查看>>
NET反射系统
查看>>
Oracle12C本地用户的创建和登录
查看>>
使用JS制作一个鼠标可拖的DIV(一)——鼠标拖动
查看>>