码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript高级 面向对象(13)--构造函数的执行过程

时间:2017-04-03 00:25:21      阅读:167      评论:0      收藏:0      [点我收藏+]

标签:它的   调用   asc   初始化   运算符   ext   过程   面向对象   干什么   

说明(2017-4-2 21:50:45)

一、构造函数是干什么用的:

1. 初始化数据的。

2. 在js给对象添加属性用的,初始化属性值用。

二、创建对象的过程:

1. 代码:var p = new Person();

2. 首先运算符new创建了一个对象,它类似于{},是一个“没有任何成员”的对象。

  * 使用new创建对象,对象的类型就是创建它的构造函数名(如,Person类型)。

  * 使用{}无论如何都是Object类型,相当于“new Object()”。

3. 然后调用构造函数为其初始化成员。

  *构造函数在调用的一开始,有一个赋值操作,即this=刚刚创建出来的对象。

  *因此在构造函数中,this表示刚刚创建出来的对象。

4. 在构造函数中,利用对象的动态特性,为对象添加成员。

三、分析代码,写出每一步的实现过程:

  在第2行打断点,但执行的时候是直接从第7行开始,因为7行是赋值,而2行只是函数声明。逐语句运行,在watch里可以看到this在慢慢增加属性,最后p具有了三个属性。

1 <script type="text/javascript">
2     function Person(name, age, gender){
3         this.name = name;
4         this.age = age;
5         this.gender = gender;
6     }
7     var p = new Person("张三", 19, "男");
8 </script>

 

JavaScript高级 面向对象(13)--构造函数的执行过程

标签:它的   调用   asc   初始化   运算符   ext   过程   面向对象   干什么   

原文地址:http://www.cnblogs.com/Jacklovely/p/6660269.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!