javascript基础———原型、原型对象和原型链 - 蓝蓝设计_UI设计公司

帝皇彩票官网

追求卓越一诺千金

蓝蓝设计,2011年成立,主创清华团队,专注软件和互联网ui设计开发。擅长企业信息化管理、监控、大数据软件UIUE咨询和设计开发服务。立足UI,好好学习,天天进步!


javascript基础———原型、原型对象和原型链

2019-9-15 释然 前端及开发文章及欣赏


原型:函数中的属性prototype,她的名字就叫原型。可以通过也只能通过prototype添加可继承的属性和方法
原型对象:函数中prototype中的__proto__ 和对象中的__proto__
先记住原型(prototype)和原型对象(proto)
下面用代码解释原型、原型对象、 原型链
<!DOCTYPE html>
<html>
   <head>
    <meta charset="utf-8">
    <title>对象</title>
   </head>
   <body>
    <script type="text/javascript">
       //创建一个对象和一个函数
       var obj = {}
       console.log(obj.__proto__)//obj有原型对象
       function objFun (){}
       console.log(objFun.prototype) //objFun 原型
       console.log(objFun.prototype.__proto__) //原型中有原型对象
       console.log('***************************华丽的分割线*****************************')
       // 以objFun为构造函数 (为了把构造函数和普通函数做区分,通常把构造函数名首字母大写)
       // 添加属性和方法
       objFun.prototype.name='saozhu'
       objFun.prototype.say = function(){
        console.log(this.name+'-骚猪')
       }
       // 创建实例对象1
       var obj1=new objFun()
       console.log(obj1)//打印对象 空对象
       console.log(obj1.name) //骚猪 证明obj1继承了objFun函数的属性
       console.log('***************************华丽的分割线*****************************')
       // 此时此刻 可以理解原型链了: 
       console.log(obj1.__proto__=== objFun.prototype)
       //true 
       // 原型链是有实例对象的__proto__(原型对象)指向构造函数函数的原型(prototype)
       console.log(objFun.prototype.__proto__==window.Object.prototype)
       // true
       // 然后构造函数的原型的原型对象(prototype.__proto__)指向window.Object.protype(顶级对象的原型)
       console.log(window.Object.prototype.__proto__===null)
       // 这样的指向关系形成的链式关系就是原型链
       //链式查询,查询对象中的属性和方法,会根据这样的原型链查找,直到找到响应的属性和方法.找到window.Object.prototype.__proto__还没有值,就返回undeifne
       
    </script>
   </body>
</html>

标签: javascript基础———原型、原型对象和原型链 « 2019中国用户体验行业调查报告 | 帝皇彩票官网产品思维·用户体验中的五个层次(下)»


蓝蓝帝皇彩票官网 http://www.bjhbys.com

  1. 帝皇彩票官网2019年10月(53)
  2. 2019年9月(48)
  3. 2019年8月(63)
  4. 2019年7月(59)
  5. 2019年6月(59)
  6. 2019年5月(31)
  7. 2019年4月(37)
  8. 2019年3月(43)
  9. 2019年2月(26)
  10. 2019年1月(45)
  11. 帝皇彩票官网2018年12月(41)
  12. 帝皇彩票官网2018年11月(40)
  13. 2018年10月(29)
  14. 2018年9月(40)
  15. 2018年8月(87)
  16. 2018年7月(107)
  17. 2018年6月(86)
  18. 2018年5月(110)
  19. 2018年4月(40)
  20. 2018年3月(35)
  21. 2017年8月(35)
  22. 2017年7月(45)
  23. 2017年6月(7)
  24. 2017年5月(27)
  25. 2017年4月(51)
  26. 2017年3月(70)
  27. 2017年2月(65)
  28. 2017年1月(69)
  29. 2016年12月(55)
  30. 2016年11月(111)
  31. 2016年10月(92)
  32. 2016年9月(53)
  33. 2016年8月(9)
  34. 2016年7月(4)
  35. 2016年6月(9)
  36. 2016年3月(19)
  37. 2016年2月(26)
  38. 2016年1月(30)
  39. 2015年12月(33)
  40. 2015年11月(35)
  41. 2015年10月(46)
  42. 2015年9月(43)
  43. 2015年8月(40)
  44. 2015年7月(33)
  45. 2015年6月(46)
  46. 2015年5月(58)
  47. 2015年4月(70)
  48. 2015年3月(55)
  49. 2015年2月(17)
  50. 2015年1月(33)
  51. 2014年12月(21)
  52. 2014年11月(84)
  53. 2014年10月(94)
  54. 2014年9月(6)
  55. 2014年8月(1)
  56. 2014年7月(13)
  57. 2014年6月(66)
  58. 2014年5月(99)
  59. 2014年4月(88)
  60. 2014年3月(102)
  61. 2014年2月(68)
  62. 2014年1月(83)
  63. 2013年12月(106)
  64. 2013年11月(112)
  65. 帝皇彩票官网2013年10月(61)
  66. 2013年9月(20)
  67. 2013年7月(13)
  68. 帝皇彩票官网2013年6月(27)
  69. 2013年5月(48)
  70. 2013年4月(39)
  71. 2013年3月(8)
  72. 2013年2月(20)
  73. 2013年1月(31)
  74. 2012年12月(33)
  75. 2012年11月(31)
  76. 2012年10月(23)
  77. 2012年9月(8)
  78. 帝皇彩票官网2012年7月(14)
  79. 2012年6月(15)
  80. 2012年5月(31)
  81. 2012年4月(24)
  82. 2012年2月(4)
  83. 2012年1月(8)
  84. 2011年12月(35)
  85. 2011年11月(32)
  86. 2011年10月(13)
  87. 2011年8月(1)
  88. 2011年6月(1)
订阅Rss
河北11选5走势图 pk10怎么玩 吉利彩票登陆 迪士尼彩乐园娱乐 博发彩票开奖 荣鼎彩开奖 桔子彩票平台 吉利彩票开户 帝皇彩票 迪士尼彩乐园