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

简介:
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 >

  

目录
相关文章
|
1月前
|
数据可视化 JavaScript API
使用D3.js进行数据可视化的探索与实践
【6月更文挑战第2天】本文探讨了D3.js在数据可视化中的应用,介绍了D3.js作为JavaScript库的特性,包括数据驱动、灵活性和兼容性。实践中,涉及数据准备、创建SVG容器、数据绑定与绘制、交互与动画以及样式美化。D3.js使开发人员能高效创建动态、交互式图表,适用于多平台和设备。未来,随着数据可视化技术进步,D3.js的应用前景广阔。
|
26天前
|
JavaScript 前端开发 Shell
深入Node.js的进程与子进程:从文档到实践
深入Node.js的进程与子进程:从文档到实践
|
1月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的面向智慧教育的实习实践系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的面向智慧教育的实习实践系统附带文章源码部署视频讲解等
13 0
|
1月前
|
JavaScript Java 测试技术
基于ssm+vue.js+uniapp小程序的实践项目管理系统附带文章和源代码部署视频讲解等
基于ssm+vue.js+uniapp小程序的实践项目管理系统附带文章和源代码部署视频讲解等
13 0
|
2月前
|
JavaScript 前端开发
在JavaScript中,函数原型(Function Prototype)是一个特殊的对象
【5月更文挑战第11天】JavaScript中的函数原型是一个特殊对象,它为所有函数实例提供共享的方法和属性。每个函数在创建时都有一个`prototype`属性,指向原型对象。利用原型,我们可以向所有实例添加方法和属性,实现继承。例如,我们定义一个`Person`函数,向其原型添加`greet`方法,然后创建实例`john`和`jane`,它们都能调用这个方法。尽管可以直接在原型上添加方法,但推荐在构造函数内部定义以封装数据和逻辑。
36 2
|
2月前
|
JavaScript Java 测试技术
返家乡”高校暑期社会实践微信小程序+springboot+vue.js附带文章和源代码设计说明文档ppt
返家乡”高校暑期社会实践微信小程序+springboot+vue.js附带文章和源代码设计说明文档ppt
23 0
|
2月前
|
JavaScript 前端开发 开发者
【专栏】JavaScript 中的 prototype 和__proto__是关乎对象继承和属性查找的关键概念
【4月更文挑战第29天】JavaScript 中的 prototype 和__proto__是关乎对象继承和属性查找的关键概念。prototype 是函数属性,用于实现对象继承,方法和属性定义在其上可被所有实例共享。__proto__是对象属性,实现属性查找机制,当对象自身找不到属性时,会沿原型链向上查找。两者关系:__proto__指向构造函数的 prototype,构成对象与原型的桥梁。虽然 prototype 可直接访问,但__proto__由引擎内部维护,不可见。理解两者区别有助于深入学习 JavaScript。
|
2月前
|
JavaScript 前端开发 测试技术
【JavaScript技术专栏】JavaScript模块化开发实践
【4月更文挑战第30天】JavaScript模块化开发缓解了大规模应用的复杂性,通过拆分为独立模块提升代码可维护性、可读性和可测试性。CommonJS在Node.js中用于服务器,而AMD(RequireJS)适合浏览器的异步加载。ES6模块结合两者优点,提供原生支持。实践时遵循单一职责、命名规范和依赖管理等原则,借助Webpack、RequireJS等工具提升效率。模块化是现代JavaScript不可或缺的一部分,促进团队协作和代码复用。
|
2月前
|
消息中间件 监控 JavaScript
Node.js中的微服务架构:构建与实践
【4月更文挑战第30天】本文探讨了在Node.js中构建微服务的实践,包括定义服务边界、选择框架(如Express、Koa或NestJS)、设计RESTful API、实现服务间通信(HTTP、gRPC、消息队列)、错误处理、服务发现与负载均衡,以及监控和日志记录。微服务架构能提升应用的可伸缩性、灵活性和可维护性。
|
JavaScript 前端开发 编译器
JavaScript最佳实践20则
本文总结了20则JavaScript的最佳实践,希望对各位爪哇国编剧有用。(顺带推销下CoffeeScript)
198 0
JavaScript最佳实践20则