用new调用函数的四步走

本文详细解析了JavaScript中使用new关键字调用函数的四步过程,包括对象创建、this指向、代码执行和返回上下文。通过实例演示了构造函数的概念,以及如何给构造函数添加方法。重点讲解了构造函数在对象初始化中的作用。
摘要由CSDN通过智能技术生成

JS规定,使用new调用函数会进行四步走:
1、函数体内会自动创建出一个空白对象。
2、函数的上下文(this)会自动指向这个对象。
3、函数体内的语句会执行。
4、函数会自动返回上下文对象,即使函数没有return语句。

下面进行解释四步走:
用一下代码进行举例:

        function sun() {
            this.a = 3;
            this.b = 5;
        }


        var obj = new sun();
        console.log(obj);

在第一步中:函数体内会自动创建出一个空白对象。
因此就相当于在sun函数中自动多了一个对象,即:
在这里插入图片描述
在第二步中函数的上下文(this)会自动指向这个对象。即:
在这里插入图片描述
这步也很好理解,就不多赘述了。
第三步:函数体内的语句会执行。
所以就会往新创建的对象中加 a: 3,b:5,这两个属性值,
在这里插入图片描述
第四步:函数会自动返回上下文对象,即使函数没有return语句
在这里插入图片描述
返回的就是this,this指向的是那个新创建的空对象,所以obj就是{a:3,b:5},所以最终打印出来的结果就是sun {a: 3, b: 5},如果这里不用new ,而只是直接这样var obj = fun()那么打印出来的是undefined,原因很简单在fun函数中没有设置返回值,所以结果就是undefined。

构造函数:
定义:用new调用的函数就是构造函数,任何函数都可以是构造函数,只要用new调用它。
故名思意,构造函数用来构造新对象,它内部的语句将为对象添加若干属性和方法,完成对象的初始化。
构造函数必须用new关键字调用,否则不能正常工作,正因如此,开发者规定构造函数首字母要大写(可以小写,没有硬性规定要大写,只是为了区分普通函数和构造函数)。

举个构造函数的栗子:

        function People(name,age,sex) {
            this.name = name;
            this.age = age;
            this.sex = sex;
        }
        var obj = new People('李白',30,'female');
        console.log(obj); // People {name: "李白", age: 30, sex: "female"}

给构造函数添加方法:

        function People(name,age,sex) {
            this.name = name;
            this.age = age;
            this.sex = sex;
            this.sayHello = function() {
                console.log('我是'+this.name+'我'+this.age);
            }
        }
        var obj = new People('李白',30,'female');
        obj.sayHello(); // 我是李白我30
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值