1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <title>ExtJs</title>
  5.     	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  6.   		<link rel="stylesheet" type="text/css" href="ExtJs/packages/ext-theme-crisp/build/resources/ext-theme-crisp-all.css">
  7.       <script type="text/javascript" src="ExtJs/ext-all.js"></script>
  8.       <script type="text/javascript" src="ExtJs/bootstrap.js"></script>
  9.       <script type="text/javascript" src="ExtJs/packages/ext-theme-crisp/build/ext-theme-crisp.js"></script>
  10. </head>
  11. <body>
  12. <script type="text/javascript">
  13.   function Person(){
  14.     this.name = 'hanzichi';
  15.     this.age = 10;
  16.   }
  17.   var num = 0;
  18.   for (var i in Person.prototype)
  19.     num++;
  20.   console.log(num);
  21.  
  22.   Person.prototype.show = function(){
  23.     console.log(this.name);
  24.   };
  25.   Person.prototype.sex = 'male';
  26.  
  27.   var a = new Person();
  28.   console.log(a.sex);
  29.   a.show();
  30.   console.log(a.__proto__ === Person.prototype);
  31.   console.log(a.constructor === Person);
  32.   console.log(Person.prototype.constructor === Person);
  33.  
  34.   console.log(Person.prototype);
  35.   console.log(a);
  36.  
  37.   console.log('string'.constructor);
  38.   console.log(new String('string').constructor);
  39.   console.log(/hello/.constructor);
  40.   console.log([1,2,3].constructor);
  41.   function A() {}
  42.   var a = new A()
  43.   console.log(a.constructor);
  44.  
  45.   function Book(name){
  46.     this.name = name;
  47.   };
  48.   Book.prototype.getName = function(){
  49.     return this.name;
  50.   };
  51.   Book.prototype = {
  52.     //constructor: Book,
  53.     getPName: function(){
  54.       return this.name;
  55.     }
  56.   };
  57.   Book.prototype.constructor = Book;
  58.   var b = new Book("ON THE WAY");
  59.  
  60.   console.log(b.constructor === Book);
  61.   console.log(Book.prototype.constructor === Book);
  62.   console.log(b.constructor.prototype.constructor == Book);
  63. </script>
  64. <body>
  65.   <div id="tpl-table">
  66.     <div>员工信息</div>
  67.   </div>
  68. </body>
  69. </html>

　　

实践一些js中的prototype, __proto__, constructor的更多相关文章

  1. js中的prototype和constructor

    本文正确性有待商榷,高手路过请不吝指教 1.js中只有对象,包括对象,函数,常量等. 对象不用解释.函数也有属性,常见之一就是prototype.常量也有属性: (3).__proto__;//Num ...

  2. js 中的 prototype 和 constructor

    var a=function(){ this.msg="aa"; } a.prototype.say=function(){ alert('this is say');} 1.只有 ...

  3. 帮你彻底搞懂JS中的prototype、__proto__与constructor（图解）

    作为一名前端工程师,必须搞懂JS中的prototype.__proto__与constructor属性,相信很多初学者对这些属性存在许多困惑,容易把它们混淆,本文旨在帮助大家理清它们之间的关系并彻底搞 ...

  4. JS中的prototype、__proto__与constructor属性

    作为一名前端工程师,必须搞懂JS中的prototype.__proto__与constructor属性,相信很多初学者对这些属性存在许多困惑,容易把它们混淆,本文旨在帮助大家理清它们之间的关系并彻底搞 ...

  5. JS中的prototype、__proto__与constructor

    1.前言 作为一名前端工程师,必须搞懂JS中的prototype.__proto__与constructor属性,相信很多初学者对这些属性存在许多困惑,容易把它们混淆,本文旨在帮助大家理清它们之间的关 ...

  6. JS中的prototype、__proto__与constructor（图解）

    作为一名前端工程师,必须搞懂JS中的prototype.__proto__与constructor属性,相信很多初学者对这些属性存在许多困惑,容易把它们混淆,本文旨在帮助大家理清它们之间的关系并彻底搞 ...

  7. Js中的prototype的用法一

    一 prototype介绍 prototype对象是实现面向对象的一个重要机制.每个函数也是一个对象,它们对应的类就是function,每个函数对象都具有一个子对象prototype.Prototyp ...

  8. 论js中的prototype

    今天在阅读代码时,碰到了prototype //判断是否是数组function isArray(obj) { return Object.prototype.toString.call(obj) == ...

  9. JS中对于prototype的理解

    JS中的prototype是JS中比较难理解的一个部分 本文基于下面几个知识点: 1 原型法设计模式 在.Net中可以使用clone()来实现原型法 原型法的主要思想是,现在有1个类A,我想要创建一个 ...

随机推荐

  1. luogu2765 魔术球问题 网络流

    题目大意: 假设有n根柱子,现要按下述规则在这n根柱子中依次放入编号为1,2,3,...的球.(1)每次只能在某根柱子的最上面放球.(2)在同一根柱子中,任何2个相邻球的编号之和为完全平方数.试设计一 ...

  2. Wireshark抓取RTP包，还原语音

    最近在做基于SIP的VoIP通信研究,使用Wireshark软件可以对网络流量进行抓包. VoIP使用RTP协议对语音数据进行传输,语音载荷都封装在RTP包里面.要对传输中的语音进行截获和还原,需要通 ...

  3. 跟渣渣辉玩ffms

    [SQL] /* Navicat MySQL Data Transfer Source Server : root Source Server Version : 50717 Source Host ...

  4. hdu1429胜利大逃亡(bfs)

    胜利大逃亡(续) Time Limit: 4000/2000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others)Total Su ...

  5. Docker For MYSQL 8.0 特别注意修复数据库新的验证方式

    从Docker登录MySQL的终端 docker exec -it wordpress-mysql /bin/bash 登录数据库 mysql -u root -p 使用MYSQL数据库 use my ...

  6. Django day11(一) ajax 文件上传 提交json格式数据

    一: 什么是ajax? AJAX(Asynchronous Javascript And XML)翻译成中文就是“异步Javascript和XML”.即使用Javascript语言与服务器进行异步交互 ...

  7. Python 38 初识数据库

    数据库 1.什么是mysql,什么是数据库? 文件处理就可以将数据永久存储 问题 1.管理不方便 2.文件操作效率问题 3.一个程序不太可能仅运行在同一台电脑上 提高计算机性能的方式 1.垂直扩展  ...

  8. ThreadLocal，静态变量，实例变量，局部变量的线程安全

    之前都是业务层次开发,现在公司进行的网络编程,一下子要了解太多java底层的东西并进行应用,我现在边学习边应用.由于知识能力有限,在上次发博客时出现了一个小小的纰漏,而这个纰漏被细心的博友发现了. 首 ...

  9. jquery.validate验证text,checkbox,radio,selected

    index.cshtml <form id="formLogin" method="post"> <div> <label for ...

  10. Asp.net MVC4 Step By Step（5）-使用Web API

    Web API是ASP.net MVC4新增的一个特色, 应用于处理Ajax请求, 他同时使用了Web标准规范, 比如Http, Json,和XML,以及一系列构建REST数据服务的参考原则, 和AS ...