构造函数

js构造函数

构造函数采用大驼峰
通过new来让函数中的this指向我们要新建的对象,来新建对象

function Aiqi(name,age){
this.name = name 
this.age = age
}
let ai = new Aiqi('aiqi',18)
console.log(ai)
//打印对象ai{name:'aiqi',age:18}

弊端：浪费内存空间

解决方法把公共属性放在函数内，把公共方法挂载在函数原型上

    <script>
        // 构造函数
        function Student(name, age) {
            this.name = name;
            this.age = age;

            // 方法写在构造函数里面
            // this.say = function () { }; // 每个对象都有当前方法

            // 属性指向全局函数：节省内存（容易被覆盖）
            // this.say = say;
        }

        // function say() {

        // }
        // function say容易被覆盖

        // 将方法挂到原型上：原型上对象：对象.属性名 = function(){}
        Student.prototype.say = function() {
            console.log(this.name + '我在说话');
        };

        // 实例化
        let s1 = new Student('张三', 19);
        let s2 = new Student('李四', 20);
        console.log(s1.say === s2.say); // true

        s1.say();
        //对象可以对挂载原型里面的东西直接调用(易忘点)
        s2.say();
        console.log(s1);
        console.log(Student.prototype);
        // 总结
        // 原型上挂载方法：可以解决，全局污染问题，解决了内存重复的问题
    </script>