构造函数模式-优快云博客

本文探讨了JavaScript中构造函数的使用方式，包括如何通过构造函数创建对象实例，以及构造函数内部this关键字的作用。详细解释了构造函数的执行流程，如私有作用域的创建、形参赋值、变量提升、对象创建及属性赋值过程。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <script>
    // 定义构造函数的时候函数名首字母一般情况下要大写
    // 通过new 函数名()得到一个实例,这个实例是一个对象
    // function Person(name){
    //    //var obj={};//this=>obj
    //    this.name=name;
    //    this.sex='男';
    //    this.age='18';
    //    this.say=function(){
    //         alert(1);
    //    }
    //    //return obj;
    // }
    // var person1=new Person('nn');
    // console.log(person1);
    // var person2=new Person('nvnv');
    // console.log(person2);
    // person1.say();

    // console.log(person1, person2);
    
    // 构造函数模式
    // 1.执行时,首先会开辟一个私有作用域,供代码执行
    // 2.形参赋值
    // 3.变量提升
    // 4.在代码执行之前,构造函数会默认创建一个空对象,让this指向这个空对象
    // 5.代码从上往下执行
    // 6.默认return出去这个对象

    // 在构造函数中,可以加return
    // 如果返回的是基本数据类型,或者没有返回
    // 只是打断函数的执行,并不影响返回结果
    // 如果返回的是引用数据类型,会将返回结果覆盖掉

    // 在构造函数中,this添加的属性是实例的私有属性
    // 构造函数中的this指向他的实例

    function Person(){
        this.name='zhangsan';
        this.sex='man'
    };
    var person1=new Person();
    console.log(person1);
    
    // 在构造函数中,如果不需要传参数,构造函数执行的小括号,
    // 有没有不会影响执行结果
    </script>
</body>
</html>
复制代码