JavaScript 小白学习笔记(3)----对象③---自己定义构造函数,并创建对象

  • JavaScript里面创建对象的另一种方法:   

       自己定义构造函数,并调用,再创建对象。


    1.     想自己定义构造函数,那么先跟进去看一下系统的构造函数怎么写的:

            

            函数名的第一个首字母大写,可以带参数


    2.    我们模仿他写一个构造函数,里面的内容是初始化属性和方法:

<script>

    /*自己定义的构造函数*/
    function Person()
    {
        this.sex = "女";
        this.height = 180;

        this.eat = function ()
        {
            console.log("这个构造函数的eat方法");
		}
	}
</script>


    3.    定义完构造函数之后,就创建对象(调用自己的构造函数):

<script>

    /*自己定义的构造函数*/
    function Person()
    {
        this.sex = "女";
        this.height = 180;

        this.eat = function ()
        {
            console.log("这个构造函数的eat方法");
		}
	}

	var stu = new Person(); //创建对象,调用自己的构造函数
    stu.eat();
</script>


    4.    当然,还可以传入参数(当有多个对象调用时,为了可以修改属性的值):

<script>

    /*自己定义的构造函数*/
    function Person(name, sex)
    {
        this.sex = sex;
        this.height = 180;
        this.name = name;

        this.eat = function ()
        {
            console.log(this.name + "同学的性别是" + this.sex);
		}
	}

	var stu = new Person("小明", "男"); //创建对象,调用自己的构造函数
    stu.eat();

    var stu1 = new Person("小芳", "女");
    stu1.eat();
</script>

 

输出结果为:



如上:var stu = new Person();

   当我们用自己的构造函数创建对象时,系统会帮我们干几件事:

1.    在内存中申请空间,存储创建的对象。

2.    设置对象的属性和方法的值。

3.    把this对象设置为当前的对象。

4.    把this这个对象返回。


       

    有什么问题欢迎留言!~~~~~

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

丸子哥哥

你的鼓励将是我创作的最大动力!

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值