开发者社区> 天飞> 正文

实践一些js中的prototype, __proto__, constructor

2016-05-16 1214

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

　　

版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

JavaScript 前端开发
JavaScript proto javascript prototype proto constructor JavaScript constructor JavaScript Prototype
开发者社区 > 开发与运维 > 文章
云迁移中心
作者高分内容
更多
python ThreadPoolExecutor线程池使用 6723 Django logging模板使用样例 2153 Locust---用蝗虫写压测，感觉比用AB要cool哈 2381 用带glibc的alpine镜像制作 自定义版本的oracle jdk和tomcat 5772 统一tomcat的程序包路径，日志路径，自定义变量，JAVA启动项的配置文件示例 2237
相关文章
auqbllxiu
JS中的prototype、__proto__与constructor
JS中的prototype、__proto__与constructor
10 0
xiaohua616
JavaScript prototype(原型)
JavaScript prototype(原型)
17 0
程序猿v
JS中的prototype、__proto__与constructor
JS中的prototype、__proto__与constructor
21 0
黎燃
Prototype以及jQuery和CDN -内容分发网络在使用JavaScript实战运用
Prototype以及jQuery和CDN -内容分发网络在使用JavaScript实战运用
77 0
1759666346247123
重新学习 JavaScript 中的 Prototype (原型)
重新学习 JavaScript 中的 Prototype (原型)
66 0
一乐乐
学习javaScript必知必会(6)~类、类的定义、prototype 原型、json对象
学习javaScript必知必会(6)~类、类的定义、prototype 原型、json对象
59 0
谙忆
JavaScript---网络编程(3)-Object、String、Array对象和prototype属性-2
JavaScript---网络编程(3)-Object、String、Array对象和prototype属性-1
81 0
谙忆
JavaScript---网络编程(3)-Object、String、Array对象和prototype属性-1
JavaScript---网络编程(3)-Object、String、Array对象和prototype属性
88 0
前端派大星
JS中的prototype、__proto__与constructor
JS中的prototype、__proto__与constructor
53 0
CamilleKing
javascript必知必会之prototype
本系列博文主要谈一些在 javascript 使用中经常会混淆的高级应用,包括: prototype, closure, scope, this关键字. 对于一个需要提高自己javascript水平的程序员,这些都是必须要掌握的.
4193 0
+关注
天飞
一个运维老同志
文章
问答
作者高分内容
更多
python ThreadPoolExecutor线程池使用 6723 Django logging模板使用样例 2153 Locust---用蝗虫写压测，感觉比用AB要cool哈 2381 用带glibc的alpine镜像制作 自定义版本的oracle jdk和tomcat 5772 统一tomcat的程序包路径，日志路径，自定义变量，JAVA启动项的配置文件示例 2237
文章排行榜
最热
最新
1 fastjson2为什么这么快 74513
2 Meetup 报名丨 共话云原生架构升级，微服务x容器开源 Meetup 北京站来啦！ 64499
3 CVPR2021 | 视觉推理解释框架VRX：用结构化视觉概念作为解释网络推理逻辑的「语言」 63483
4 结构化总结与结构化思考之《金字塔原理》总结 56274
5 C语言进阶——指针进阶试题讲解（万字长文详解） 54924
6 实现人机协同高稳定性，阿里云5G专网IoT方案入选工信部优秀解决方案 54098
7 C语言题解 | 移除元素(多种解法) 49959
8 jasypt-spring-boot敏感信息加密解密利器使用指南 47642
9 快速开发光伏电站数字孪生运维系统（一） 44651
10 DataWorks管控台无法配置PAI引擎临时解决方案 42509
11 操作系统课程设计：新增linux驱动程序 41892
12 重构的核心-让代码保持整洁 40361
13 【Linux】-- 开发工具yum、vim、gcc、g++、gdb、make、makefile使用介绍（一） 39925
14 IoT设备数据业务价值洞察实践 37957
15 【C++修炼之路】类和对象（中）—— 筑基篇 37268
16 Hive数据倾斜的原因以及常用解决方案 33175
17 高并发编程之阻塞队列 32720
18 Spring 事务【隔离级别与传播机制】 30479
19 性能优化之使用vue-worker插件（基于Web Worker）开启多线程运算提高效率 29486
20 计网之初识网络(理解网络传输的基本流程) 28006
1 Flink CDC 专题首发｜每天 10 分钟，解锁新一代数据集成框架 123
2 性能最大提升60%，阿里云第八代企业级实例ECS g8i正式上线 135
3 身份证实名认证接口验证不一致的原因 107
4 JVM学习.03 类加载机制 98
5 org.springframework.http.converter.HttpMessageNotReadableException: JSON parse error: Cannot deserialize instance of `object` out of START_ARRAY token 173
6 Content type 'application/x-www-form-urlencoded;charset=UTF-8' not supported 202
7 官宣｜Apache Flink 1.17 发布公告 343
8 Java智慧校园电子班牌系统源码 基于Java+springboot+vue+element-ui+mysql开发 53
9 基于阿里云eRDMA的GPU实例大幅提升多机训练性能 260
10 基于阿里云弹性GPU服务的神龙AI加速引擎无缝提升AI训练性能 204
11 重构计算，驱动视界：阿里云视觉计算思考与实践 196
12 当一座钢铁森林 变成IoT智能化数据 53
13 阿里巴巴发布《城市数字孪生能力平台总体技术要求》企业标准， 促进数字孪生互联互通生态建设 354
14 docker的安装与镜像 55
15 初识Kafka 66
16 基础篇丨链路追踪（Tracing）其实很简单 148
17 全新升级｜ECS成熟度评估与洞察，助你精准定位运维风险 120
18 网络平台挑选实名制认证API接口的注意事项 130
19 vika维格表 x 阿里云计算巢：SaaS 云端私有化部署，助力企业数字化转型 318
20 为什么 C# 可能是最好的第一编程语言 178
相关课程
更多
JavaScript 自学手册文档教程
3231
65
去学习
JavaScript入门与实战
19215
52
去学习
推荐文章
参与OCR文档自学习产品评测，赢Airpods 2 参与云效代码管理Codeup评测，赢Redmi Watch 3 参与IoT小程序框架评测，赢CHERRY机械键盘 乘风者计划邀您入驻社区，精彩权益即刻享
相关电子书
更多
Javascript中的函数
立即下载
Javascript异步编程
立即下载
JS零基础入门教程（上册）
立即下载