JS原型链的理解和使用(一)
一些个人的理解,不一定是对的,仅供参考。
在JS中有函数和对象两个概念,而又有一切皆对象的概念及函数也是一个对象。所以可以说函数一定可以作为一个对象,而对象不一定是一个函数。
也可以说在js中对象分为两种:1.仅仅是一个对象2.既时对象又是函数(以下称为函数对象)
在JS中有一个概念:所有对象都有__proto__属性,而函数对象则还有prototype属性,可以以此区分出哪些是函数对象
在JS中有两个顶级的内置对象:Object和Function,这两个对象我测试了都属于函数对象。但有所不同的是:Object和Function的__proto__都是ƒ () { [native code] }(native code是已被编译为特定于处理器的机器码的代码,我反正就理解为不可见的源代码),Function的prototype为ƒ () { [native code] },Object的prototype是一个对象,里面有一些自己系统自定义的方法
在JS中有一个概念:对象是由函数对象生成的,并且对象的__proto__
属性指向函数对象的prototype
属性;函数(函数对象)也是由函数(函数对象)生成的,并且生成函数(函数对象)的prototype是一个系统默认生成的对象包含了两个属性(constructor和__proto__),这个constructor指向该函数对象自身及fun.prototype.constructor===fun,而__proto__则指向Object的prototype属性即fun.prototype.__proto__===Object.prototype。(注:这里讨论生成的对象并不包含Object和Function两个顶级对象,下面会专门讨论这两个内置对象)
我们平时在直接定义对象时:var obj = {};其实还是使用Object这个顶级函数对象Object在创建对象:var obj = new Object();,这种方式生成的对象只有__proto__
属性没有prototype
属性所以只是一个对象不是函数对象,而且obj.__proto===Object.prototype。我们在定义函数(函数对象)的时候:function fun (){};其实也还是使用的顶级函数对象Function在创建函数(函数对象):var fun = new Function();,而这时生成的fun则是一个函数对象因为它既有__proto__
属性又有prototype
属性,fun.__proto__===Function.prototype,fun.prototype则是一个对象,满足上一条的生成规则,是Object的实例对象。
使用一个自己定义的函数(函数对象)来生成的对象,如:function fun(){};var obj = new fun();生成的对象只有__proto__
属性没有prototype
属性所以只是一个对象不是函数对象,obj .__proto__===fun.prototype;
当我们在创建一个函数时:function fun(){};系统会自动为该函数生成一个prototype属性,该属性的__proto__指向Object.prototype,既然Object是一个函数,那么它的prototype按照规则也应该是在生成Object函数时赋予的,并且prototype中的__proto__应该指向某一个对象,而实际上Object的prototype中的__proto__为null,这就是原型链的终点。同样Object作为一个对象有__proto__属性,该属性指向创建它的函数的prototype属性,在JS中所有函数(函数对象)都是由Function生成的,所以可以说所有函数对象的__proto__属性都相等,等于Function的prototype属性包括Object函数对象。
Function这个顶级内置的函数对象,同样有__proto__和prototype属性,Function函数对象由它自身创建,所以它的__proto__和他的prototype相等。Function的prototype同样满足所有函数的prototype的生成规则,有一个constructo指向自身,一个__proto__指向Object的prototype属性。
JS原型链的理解和使用(一)的更多相关文章
- 谈谈我对 js原型链的理解
想要学习 “原型链” 必须要认识什么是 “原型” 和 “原型链” 先理解一下普通的继承和原型的区别,下面写一段js代码来帮助理解: var Animal = function(){ // 动物抽象类 ...
- js原型链结构理解
在一般的面向对象的语言中,都存在类(class)的概念,类就是对象的模板,对象就是类的实例. 但在js中是没有类的定义的(万物皆是对象). 题外话:但是在ES6中提供了更接近传统语言的写法,引入了C ...
- JS原型链的理解和使用(二)
根据在创建对象的时候,创建出来的对象的__proto__指向创建这个对象的函数的prototype属性. 由于在调用对象的属性或者方法的时候会首先在对象的作用域中查找指定的属性或者方法,如果未找到则会 ...
- 分享一个关于js原型链的理解
http://www.cnblogs.com/wyaocn/p/5815761.html
- 深入理解JS原型链与继承
我 觉得阅读精彩的文章是提升自己最快的方法,而且我发现人在不同阶段看待同样的东西都会有不同的收获,有一天你看到一本好书或者好的文章,请记得收藏起来, 隔断时间再去看看,我想应该会有很大的收获.其实今天 ...
- 简单粗暴地理解js原型链–js面向对象编程
简单粗暴地理解js原型链–js面向对象编程 作者:茄果 链接:http://www.cnblogs.com/qieguo/archive/2016/05/03/5451626.html 原型链理解起来 ...
- js原型链理解(2)--原型链继承
1.原型链继承 2.constructor stealing(构造借用) 3.组合继承 js中的原型链继承,运用的js原型链中的__proto__. function Super(){ this.se ...
- 深入分析JS原型链以及为什么不能在原型链上使用对象
在刚刚接触JS原型链的时候都会接触到一个熟悉的名词:prototype:如果你曾经深入过prototype,你会接触到另一个名词:__proto__(注意:两边各有两条下划线,不是一条).以下将会围绕 ...
- JS 原型链图形详解
JS原型链 这篇文章是「深入ECMA-262-3」系列的一个概览和摘要.每个部分都包含了对应章节的链接,所以你可以阅读它们以便对其有更深的理解. 对象 ECMAScript做为一个高度抽象的面向对象语 ...
随机推荐
- 并发编程Semaphore详解
Semaphore的作用:限制线程并发的数量 位于 java.util.concurrent 下, 构造方法 // 构造函数 代表同一时间,最多允许permits执行acquire() 和releas ...
- LinuxC下argv,argc[]的意义
MarkdownPad Document *:first-child { margin-top: 0 !important; } body>*:last-child { margin-botto ...
- maven版axis2调用cxf服务端开发客户端(三)
一.新建一个maven项目 二.pom.xml引入axis2依赖 <dependency> <groupId>org.apache.axis2</groupId> ...
- AJAX技术初级探索
一 概念 Ajax技术能够实现页面以异步方式从服务器获取信息,无需刷新页面 Ajax的核心技术是XMLHttpRequest对象(XHR) 异步实际就是请求数据的代码不会阻塞页面向下执行 二 原生Aj ...
- Linux下查看当前文件大小的命令
1.ls -lht 列出每个文件的大小和当前目录所有文件大小总和 2.du -sh * 列出当前文件夹下的所有子文件的大小 看你需要啥样的,自己来吧
- PTA的Python练习题(十七)
第4章-19 矩阵运算 a=eval(input()) s=[] count=0 for i in range(a): b=input() s.append([int(i) for i in b.sp ...
- Git创建和删除标签
创建标签 标签是一个让人容易记住的有意义的名字,它跟某个commit绑在一起.在Git中打标签非常简单,首先,切换到需要打标签的分支上,然后,敲命令git tag <name>就可以打一个 ...
- Spring 7种事务传播类型
转载:https://www.cnblogs.com/originate918/p/6226342.html PROPAGATION_REQUIRED及其他6种事务传播行为种类. Spring在Tra ...
- Java常量/变量
1. 常量 /* 常量:在程序运行期间,固定不变的量. 常量的分类: 1. 字符串常量:凡是用双引号引起来的部分,叫做字符串常量.例如:"abc"."Hello" ...
- Linux :ls 命令
常用命令: ls:列出当前路径下的文件和目录 ls -a:列出当前路径下的所有文件和目录(包括隐藏文件和目录) ls -l:以列表方式显示文件或目录的详细信息 ls -al:可以结合使用 ls xxx ...