js构造函数

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script>
            /* 
             构造函数和普通函数没区别,首字母大写
             调用方式不同:普通直接调,构造加new
             */
            /* 
             构造函数执行流程:
             一、首先立刻创建一个新对象
             二、将新建对象设为函数中的this,在构造函数中可以使用this来引用新建的对象
             三、逐行执行函数中的代码
             四、将新建的对象作为返回值返回
             */
            /* 
            使用同一个构造函数创建的对象,我们称为一类对象,也将一个构造函数称为一个类
            该类的实例就是通过该类对象创造的实例
             */
            /* 
             使用构造函数的好处,可以给不同的对象分类。

            ①普通函数在其内部new,得到的是单一的对象类型;而构造函数是先定义不同的函数,在外面再new这些不同的类,赋               值的对象类型也随之不同
             ②构造函数自动创建对象和return,普通函数要手动
             */
            
            //this的情况
            //一、以函数的形式调用时,this是Windows对象
            //二、以方法的形式调用时,哪个对象调用方法this就是谁
            //三、当以构造函数的形式调用时,this就是新创建的那个实例
            
            function Person(name,age,gender){
                  this.name=name;
                  this.age=age;
                  this.gender=gender;
                 this.sayName=fun;
            };
             function fun(){
                 alert("你好:"+this.name);
             }
            var per=new Person("孙悟空",18,"男");
            var per2=new Person("猪八戒",18,"男");
            console.log(per2.sayName());
        
        </script>
    </head>
    <body>
    </body>
</html>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值