實踐一些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

<code>&lt;!</code><code>doctype</code> <code>html&gt;</code>

<code>&lt;</code><code>html</code><code>&gt;</code>

<code>&lt;</code><code>head</code><code>&gt;</code>

<code>    </code><code>&lt;</code><code>title</code><code>&gt;extjs&lt;/</code><code>title</code><code>&gt;</code>

<code>        </code><code>&lt;</code><code>meta</code> <code>http-equiv="content-type" content="text/html; charset=utf-8"/&gt;</code>

<code>        </code><code>&lt;</code><code>link</code> <code>rel="stylesheet" type="text/css" href="extjs/packages/ext-theme-crisp/build/resources/ext-theme-crisp-all.css"&gt;</code>

<code>      </code><code>&lt;</code><code>script</code> <code>type="text/javascript" src="extjs/ext-all.js"&gt;&lt;/</code><code>script</code><code>&gt;</code>

<code>      </code><code>&lt;</code><code>script</code> <code>type="text/javascript" src="extjs/bootstrap.js"&gt;&lt;/</code><code>script</code><code>&gt;</code>

<code>      </code><code>&lt;</code><code>script</code> <code>type="text/javascript" src="extjs/packages/ext-theme-crisp/build/ext-theme-crisp.js"&gt;&lt;/</code><code>script</code><code>&gt;</code>

<code>&lt;/</code><code>head</code><code>&gt;</code>

<code>&lt;</code><code>body</code><code>&gt;</code>

<code>&lt;</code><code>script</code> <code>type="text/javascript"&gt;</code>

<code>  </code><code>function person(){</code>

<code>    </code><code>this.name = 'hanzichi';</code>

<code>    </code><code>this.age = 10;</code>

<code>  </code><code>}</code>

<code>  </code><code>var num = 0;</code>

<code>  </code><code>for (var i in person.prototype)</code>

<code>    </code><code>num++;</code>

<code>  </code><code>console.log(num);</code>

<code>  </code><code>person.prototype.show = function(){</code>

<code>    </code><code>console.log(this.name);</code>

<code>  </code><code>};</code>

<code>  </code><code>person.prototype.sex = 'male';</code>

<code>  </code><code>var a = new person();</code>

<code>  </code><code>console.log(a.sex);</code>

<code>  </code><code>a.show();</code>

<code>  </code><code>console.log(a.__proto__ === person.prototype);</code>

<code>  </code><code>console.log(a.constructor === person);</code>

<code>  </code><code>console.log(person.prototype.constructor === person);</code>

<code>  </code><code>console.log(person.prototype);</code>

<code>  </code><code>console.log(a);</code>

<code>  </code><code>console.log('string'.constructor);</code>

<code>  </code><code>console.log(new string('string').constructor);</code>

<code>  </code><code>console.log(/hello/.constructor);</code>

<code>  </code><code>console.log([1,2,3].constructor);</code>

<code>  </code><code>function a() {}</code>

<code>  </code><code>var a = new a()</code>

<code>  </code><code>console.log(a.constructor);</code>

<code>  </code><code>function book(name){</code>

<code>    </code><code>this.name = name;</code>

<code>  </code><code>book.prototype.getname = function(){</code>

<code>    </code><code>return this.name;</code>

<code>  </code><code>book.prototype = {</code>

<code>    </code><code>//constructor: book,</code>

<code>    </code><code>getpname: function(){</code>

<code>      </code><code>return this.name;</code>

<code>    </code><code>}</code>

<code>  </code><code>book.prototype.constructor = book;</code>

<code>  </code><code>var b = new book("on the way");</code>

<code>  </code><code>console.log(b.constructor === book);</code>

<code>  </code><code>console.log(book.prototype.constructor === book);</code>

<code>  </code><code>console.log(b.constructor.prototype.constructor == book);</code>

<code>&lt;/</code><code>script</code><code>&gt;</code>

<code>  </code><code>&lt;</code><code>div</code> <code>id="tpl-table"&gt;</code>

<code>    </code><code>&lt;</code><code>div</code><code>&gt;員工資訊&lt;/</code><code>div</code><code>&gt;</code>

<code>  </code><code>&lt;/</code><code>div</code><code>&gt;</code>

<code>&lt;/</code><code>body</code><code>&gt;</code>

<code>&lt;/</code><code>html</code><code>&gt;</code>