09-构造函数

发布时间:2022-06-27 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了09-构造函数脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

09-构造函数

构造函数又叫做创建类

语法:

function 函数名(){

  JS语句;

}

调用的方法:

var obj = new 函数名();

注意:

1.调用的时候在函数名前面加上new,如果不加new就是调用一般的函数

2.构造函数实际上就是创建一个函数,只不过我们通常会将这个函数的函数名的首字母大写

3.要想让一个函数达到构造函数的效果在调用的时候必须加上new

代码实现

 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         function Dog(name, age, gender){
 8             this.name = name;
 9             this.age = age;
10             this.gender = gender;
11             this.SayName = function(){
12                 alert(this.name);
13             }
14         }
15         var obj = new Person("孙悟空", 120, "男");
16         var obj2 = new Person("猪八戒", 10, "男");
17         var obj3 = new Person("沙和尚", 20, "男");
18         var obj4 = new Dog("旺财", 2, "男");
19 
20         console.log(obj);
21         console.log(obj2);
22         console.log(obj3);
23         console.log(obj4);
24         // obj4.SayName();
25     </script>

执行效果如下图所示:

09-构造函数

构造函数的执行流程

1.立即创建一个对象

2.将新建的对象设置为函数中的this,在构造函数中可以使用this来引用新建的对象

3.逐行执行函数中的代码

4.将新建的对象作为返回值返回

关于this

1.当以函数形式调用的时候,this指的是window

2.当以方法形式调用的时候,谁调用指的就是谁

3.当以构造函数的形式调用的时候,this指的就是新创建的那个对象

 

脚本宝典总结

以上是脚本宝典为你收集整理的09-构造函数全部内容,希望文章能够帮你解决09-构造函数所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: