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做为一个高度抽象的面向对象语 ...
随机推荐
- 511,display:inline-block什么时候不会显示间隙?
(百科: 在CSS布局中,如果我们想要将一些元素在同一行显示,其中的一种方法就是把要同行显示的元素设置display属性为inline-block,但是你会发现这些同行显示的inline-block元 ...
- 【PAT甲级】1102 Invert a Binary Tree (25 分)(层次遍历和中序遍历)
题意: 输入一个正整数N(<=10),接着输入0~N-1每个结点的左右儿子结点,输出这颗二叉树的反转的层次遍历和中序遍历. AAAAAccepted code: #define HAVE_STR ...
- WinForm程序打包教程
准备工作 1. 编写完成的WinForm程序 2. 安装部署项 VS2010中有一个自带的安装部署项目,叫:Visual Studio Installer ,通常称为:setup项目,是一个用于自定义 ...
- sqlmap 扫描注入漏洞
.检测是否存在漏洞: sqlmap -u .获取数据库信息: sqlmap -u --dbs .数据库表信息: sqlmap -u -D security --tables .表中字段信息 sqlma ...
- Linux安装Redis服务
下载:wget http://download.redis.io/releases/redis-5.0.5.tar.gz 解压:tar -zxvf redis-5.0.5.tar.gz 进入redi ...
- 通过颜色绘制图片UIImage
+ (UIImage *)clearImageView { UIColor *color=[UIColor clearColor]; CGRect rect =CGRectMake(,,,); UIG ...
- Bugku-CTF加密篇之一段Base64
一段Base64 flag格式:flag{xxxxxxxxxxxxx}
- window下进程退出后自动重启
设计思想:编写批处理脚本监控进程的运行状态,如果发现进程停止,则自动重启该进程.批处理脚本(jk.bat)和进程脚本(hello.bat)如下: 1.jk.bat @echo off rem 定义需监 ...
- 第六节:前后端交互之axios用法及async异步编程
一. axios用法 参考: API文档: https://www.kancloud.cn/yunye/axios/234845 GitHub: https://github.com/axios/ax ...
- C语言:对传入sp的字符进行统计,三组两个相连字母“ea”"ou""iu"出现的次数,并将统计结果存入ct所指的数组中。-在数组中找出最小值,并与第一个元素交换位置。
//对传入sp的字符进行统计,三组两个相连字母“ea”"ou""iu"出现的次数,并将统计结果存入ct所指的数组中. #include <stdio.h& ...