文档章节

js 的 prototype

 激进黄瓜酱
发布于 2016/06/26 21:31
字数 371
阅读 43
收藏 0

本文只是个人写的一些笔记 不做教学 也没资格教别人 如果有大神看到有什么不对的地方欢迎指正 自学坑很多

js对象分两种 一种是普通对象 一种是函数对象

//函数对象
function f1(){};
var f2 = function(){};
var f3 = new Function();

//普通对象
var o4 = {};
var o5 = new Object();
var o6 = new f1();

//验证
console.log(typeof f1);  //function
console.log(typeof f2);  //function
console.log(typeof f3);  //function
console.log(typeof o4);  //object
console.log(typeof o5);  //object
console.log(typeof o6);  //object

对象的prototype

console.log(typeof f1.prototype); //Object
console.log(typeof f2.prototype); //Object
console.log(typeof f3.prototype); //Object
console.log(typeof o4.prototype); //undefined
console.log(typeof o5.prototype); //undefined
console.log(typeof o6.prototype); //undefined

函数对象都有 prototype 属性 指向了一个Object(普通对象) 普通对象的prototype 指向了 undefined 也是原型的终点

单独说说Object Function两个对象 Function.prototype 还是 function 再往上 就是undefined 了

onsole.log(typeof Object); //function
console.log(typeof Function); //function
console.log(typeof Object.prototype); //object
console.log(typeof Function.prototype); //function
console.log(typeof Function.prototype.prototype); //undefined

理解一下这段代码


//定义一个函数o10
var o10 = function(){
  this.name = "haha";
}
//为函数的原型对象添加新属性
o10.prototype.say = function(){
  console.log(this.name);
}

//实例化函数对象 并调用方法 本身没有say 那么 调用原型的say
var o11 = new o10();
o11.say();  //haha

//定义一个函数o12 并制定 o12 的原型对象为 o11
var o12 = function(){};
o12.prototype = o11;

//实例化 o12 并调用say
var o13 = new o12();
o13.say();//haha

//为o12的原型添加新的say方法
o12.prototype.say = function(){
  console.log("iiiiiii");
}

o13.say();//iiiiiii

© 著作权归作者所有

共有 人打赏支持
粉丝 2
博文 11
码字总数 5088
作品 0
洛阳
私信 提问
jQuery命名冲突解决的五种方案

引言: 最近遇到个问题,同时引用了jquery库和另外一个js库。当用$XX去调用js库函数时,发现失效了!于是找资料,原来是jquery命名冲突了。因为许多JavaScript 库使用$作为函数或变量名,jqu...

龙上
2012/03/30
0
0
js中的prototype和构造函数

js中没有类的感念,继承也是通过原型链来实现的对象的继承而不是类的继承 Vjeux写的这篇文章应该能帮助我们更好的理解js中原型的工作方式:http://blog.vjeux.com/2011/javascript/how-proto...

leo-H
2013/04/08
0
0
美国主流网站所使用的JavaScript框架

作者:Pingdom时间:2008-10-04来自:翻译技术等级: 哪些JavaScript框架是最常见,使用最频繁的? 要回答这个问题,我们对大约200个美国主流网站进行了调研,检查他们是否使用了JavaScript框...

晨曦之光
2012/03/09
0
0
js prototype的理解

prototype属性可算是JavaScript与其他面向对象语言的一大不同之处。prototype就是“一个给类的对象添加方法的方法”,使用prototype属性,可以给类动态地添加方法,以便在JavaScript中实现“...

别人说我名字很长
2014/05/15
0
0
了解javascript编程中的Prototype(原型)

日期:2012-5-16 来源:GBin1.com 当你定义javascript方法的时候,会产生一些预定义的属性,其中一个比较让人迷惑的属性就是prototype。在本文中,我们将详细介绍什么是Prototype,并且为什么...

gbin1
2012/05/22
0
0

没有更多内容

加载失败,请刷新页面

加载更多

w, vmstat, top, sar, nload命令查看系统状态信息

w/uptime 查看系统负载 cat /proc/cpuinfo 查看cpu核数 vmstat 监控系统状态,用法 vmstat 1,关键的几列: r, b, swpd, si, so, bi, bo, us, wa top 查看进程使用资源情况 top -c 显示详细的...

野雪球
今天
1
0
小白创建一个spring boot项目

进入 https://start.spring.io/

lilugirl
今天
2
0
Alibaba Java诊断利器Arthas实践--使用redefine排查应用奇怪的日志来源

背景 随着应用越来越复杂,依赖越来越多,日志系统越来越混乱,有时会出现一些奇怪的日志,比如: [] [] [] No credential found 那么怎样排查这些奇怪的日志从哪里打印出来的呢?因为搞不清...

hengyunabc
今天
2
0
home hosts

home hosts lwk@qwfys:~$ cat /etc/hosts127.0.0.1 localhost127.0.1.1 qwfys192.168.56.101vm600.qwfys.com39.108.212.91alpha1.ppy.com39.108.117.122alpha2.p......

qwfys
今天
3
0
大数据教程(6.1)hadoop生态圈介绍及就业前景

1. HADOOP背景介绍 1.1、什么是HADOOP 1.HADOOP是apache旗下的一套开源软件平台 2.HADOOP提供的功能:利用服务器集群,根据用户的自定义业务逻辑,对海量数据进行分布式处理 3.HADOOP的核心组...

em_aaron
今天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部