一、在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;}

?　　注意：第一種方案盡量不要使用，因為js內置的對象是不允許進行賦值次改的

　　內置對象：Object Date Number String Array Function RegExp

　　3、構造函數會出現資源浪費的情況

　　　　所以引出概念：靜態成員

　　　　構造函數直接打點賦值Student.version = "1.0";

　　另外，我們一般會選擇把函數放到原型上。

三、原型鏈機制

　　當調用對象屬性或者方法時，首先會查找自身對象是否具有該屬性和方法，如果有，則就用自身的，如果沒有，則在原型__proto__上尋找.

　　但是原型鏈是可以繼承的.

　　注意：有的瀏覽器是不支持的。

例子:

轉載于:https://www.cnblogs.com/dhrwawa/p/10504475.html

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的js中的对象、原型链机制、构造函数的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。