开发者社区> 天飞> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

实践一些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>

  

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

相关文章
JS中的prototype、__proto__与constructor
JS中的prototype、__proto__与constructor
0 0
JavaScript prototype(原型)
JavaScript prototype(原型)
0 0
JS中的prototype、__proto__与constructor
JS中的prototype、__proto__与constructor
0 0
Prototype以及jQuery和CDN -内容分发网络在使用JavaScript实战运用
Prototype以及jQuery和CDN -内容分发网络在使用JavaScript实战运用
0 0
重新学习 JavaScript 中的 Prototype (原型)
重新学习 JavaScript 中的 Prototype (原型)
0 0
学习javaScript必知必会(6)~类、类的定义、prototype 原型、json对象
学习javaScript必知必会(6)~类、类的定义、prototype 原型、json对象
0 0
JavaScript---网络编程(3)-Object、String、Array对象和prototype属性-2
JavaScript---网络编程(3)-Object、String、Array对象和prototype属性-1
0 0
JavaScript---网络编程(3)-Object、String、Array对象和prototype属性-1
JavaScript---网络编程(3)-Object、String、Array对象和prototype属性
0 0
JS中的prototype、__proto__与constructor
JS中的prototype、__proto__与constructor
0 0
javascript必知必会之prototype
本系列博文主要谈一些在 javascript 使用中经常会混淆的高级应用,包括: prototype, closure, scope, this关键字. 对于一个需要提高自己javascript水平的程序员,这些都是必须要掌握的.
0 0
+关注
天飞
一个运维老同志
文章
问答
文章排行榜
最热
最新
相关电子书
更多
Javascript中的函数
立即下载
Javascript异步编程
立即下载
JS零基础入门教程(上册)
立即下载