js中的对象、原型链机制、构造函数-优快云博客

本文详细介绍了JavaScript中创建对象的四种方式，包括字面量、new关键字、工厂函数及构造函数。深入探讨了构造函数与普通函数的区别，以及new操作符背后的执行机制。此外，文章还讲解了原型和原型链的概念，以及如何利用原型进行对象属性和方法的共享。

一、在js中创建对象的方式

　　//一、字面量或直接量创建对象
    var obj1 = {
        name:"zs",
        age:12
    }; 
    //二、通过new来创建对象
    var obj2 = new Object();
    obj2.name = "zs";
    obj2.age = 16;
    //三、通过工厂函数来创建
    function creatObj() {
        return {};
    } 
    //四、通过new 构造函数来创建
    function Obj() {
        
    }

//测试

var obj = new Obj();

console.log(obj instanceof Obj);

console.log(typeof obj);

console.dir(obj);

二、构造函数与普通函数的区别

　　1、构造函数的函数名是需要首字母大写的，也就是说构造函数的函数名是所有字母的首字母都大写

　　2、构造函数是希望通过new来调用，而普通函数是通过函数名来调用

　　　　在这里强调一下调用函数的方式：1》函数名调用2》new来调用3》事件调用4》定时器调用5》call调用6》apply调用

　　3、构造函数是隐式创建对象，直接将属性和方法赋值给对象

　　4、构造函数中无return，普通函数中一般都有返回值

三、我们在执行new构造函数操作时，到底发生了什么？

　　1、将实际参数传递给形式参数

　　2、在内存中创建空对象，并让函数的this指向该空对象

　　3、执行构造函数中的代码

　　4、返回这个this指向的对象

四、原型

　　1、当你使用console.dir(obj);时，你会发现展开后会出现__proto__的字段名，这就是原型。每一个函数每一个对象都有其对应的原型，但我们只研究构造函数的原型

　　2、原型的应用

　　　　1》一次性赋值

 //一次性赋值
    Student.prototype = {
        //首先一定要加上这个constructor
        constructor:Student,
        study:function (){
            alert("好好学习");
        },
        eat:function(){
            alert("吃饭");
        }
    }

　　　　2》扩展对象

    //扩展对象
    var arr = [1,2];
    Array.prototype.getSum = function () {
        var res = 0;
        for(var i=0;i<this.length;i++){
            res += this[i];
        }
        return res;
    }