原型與原型鏈

一、全局對(duì)象

  • 1臼朗、一種是 ECMAScript 規(guī)定的
    global.parseInt
    global.parseFloat
    global.Number
    global.String
    global.Boolean
    global.Object

  • 2奸披、一種是瀏覽器自己加的屬性
    window.alert
    window.prompt
    window.comfirm
    window.console.log
    window.console.dir
    window.document
    window.document.createElement
    window.document.getElementById


    圖片全局對(duì)象.png

二昏名、全局函數(shù)(簡(jiǎn)單類型與對(duì)象的區(qū)別)

Number,String,Boolean,Object

1、Number
  • 1阵面、直接聲明number(1)與New Number(1)的區(qū)別
var n1 = 1; 
var n2 = new Number(1);

n1與n2的區(qū)別:指向地址不同
圖片1.png

圖片2.png
圖片3.png
  • 為何n1可調(diào)用toString等方法的原因:妙計(jì)


    圖片.png
  • var n1 = 1;n1.toString()內(nèi)存發(fā)生的過(guò)程:調(diào)用toSting方法的時(shí)候轻局,就產(chǎn)生了一個(gè)臨時(shí)temp對(duì)象,并有對(duì)象的所有屬性

    圖片4.png

  • 样刷! 特別注意:(當(dāng)前一句執(zhí)行完仑扑,臨時(shí)對(duì)象就抹殺掉)

var n=1;
n.xxx = 2;//產(chǎn)生一個(gè)臨時(shí)對(duì)象temp(屬性有xxx:2,執(zhí)行完后,temp被抹殺掉),
打又帽恰:n.xxx = ?//結(jié)果是undefined (產(chǎn)生一個(gè)新的temp對(duì)象镇饮,取xxx對(duì)象)
2、String
var a1= 'sdfasffge'
var a2 = new String('asdfadf')
console.log(a2);//String 0: "a" ,1: "s" ,2: "d" ,3: "f"...length:7,__proto__: String { "" }
a2[0];//"a"
a1[0];//"s"
a2.anchor();//"<a name=\"undefined\">asdfadf</a>"
a2.charAt(0);//"a"
a2.charAt(1);//"s"
a2.charCodeAt(0);//97
a2.charCodeAt(1);//115
'a'.charCodeAt();//97 十進(jìn)制的a
'a'.charCodeAt('0').toString(16);//"61" a的十六進(jìn)制的unicode碼
'   dfasdasd      '.trim();//dfasdasd   trim()去掉前后的空格
  a.concat(b);//連接起來(lái)
a.slice(0,2);//包前不包后
//了解更多箕母,搜索string mdn
3储藐、Boolean
var b1 = false;
var b2 = new Boolean(false);
if(b1){console.log(1)};//不執(zhí)行
if(b2){console.log(2)};//2

五個(gè)false值:'0', NaN, ' ' ,null, undefined, false, 都是false值

所有對(duì)象都是truey
4、Object
var o1 = {};
var o2 = new Object();
o1===02//false

o1與o2完全沒(méi)有區(qū)別司蔬,但并不是相等


圖片對(duì)象內(nèi)存圖.png

新申明的對(duì)象都是不相等的邑茄,對(duì)應(yīng)的內(nèi)存地址不同,除非地址賦給另一個(gè)變量

必記:7種類型俊啼, 5個(gè)false值肺缕, 內(nèi)存圖

三、公用屬性

__proto__

圖片1.png

圖片2.png

圖片3.png

圖片4.png
var o1 = {}
var o2 = new Object()
o1===o2;//false o1和o2是不同對(duì)象
o1.toString ===o2.toStiring();//true 公用屬性

Number與Object區(qū)別


圖片.png
  • 1授帕、number:


    圖片Number共有屬性.png
圖片Number與Object.png

圖片普通對(duì)象與Object對(duì)象共有屬性關(guān)系.png
原型就是共有屬性也就是prototype
圖片原型樹.png
__proto__prototype的區(qū)別:
  • __proto__是對(duì)象的屬性
  • prototype是函數(shù)的屬性

公式:

var 對(duì)象 = new 函數(shù)()
對(duì)象.__proto__ === 函數(shù).prototype

常用:

    var num = 1
    num.__proto__ === Number.prototype
    num.__proto__.__proto__ === Object.prototype
    num.__proto__.constructor === Number
    Number.prototype.__proto__ === Object.prototype
    Number.prototype.constructor === Number
    
    var fn = function(){}
    fn.__proto__ === Function.prototype
    fn.__proto__.__proto__ === Object.prototype
    fn.__proto__.constructor === Function
    Function.__proto__ === Function.prototype
    Function.prototype.__proto__ === Object.prototype
    Function.prototype.constructor === Function

    var array = []
    array.__proto__ === Array.prototype
    array.__proto__.__proto__ === Object.prototype
    array.__proto__.constructor === Array
    Array.prototype.__proto__ === Object.prototype
    Array.prototype.constructor === Array

    var bool = true
    bool.__proto__ === Boolean.prototype
    bool.__proto__.__proto__ === Object.prototype
    bool.__proto__.constructor === Boolean/**/
    Boolean.prototype.__proto__ === Object.prototype
    Boolean.prototype.constructor === Boolean

    var str = "String"
    str.__proto__ === String.prototype
    str.__proto__.__proto__ === Object.prototype
    str.__proto__.constructor === String
    String.prototype.__proto__ === Object.prototype
    String.prototype.constructor === String
    
    var object = {}
    object.__proto__ === Object.prototype
    object.__proto__.__proto__ === null
    object.__proto__.constructor === Object
    Object.prototype.__proto__ === null
    Object.prototype.constructor === Object
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末同木,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子跛十,更是在濱河造成了極大的恐慌彤路,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,561評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件芥映,死亡現(xiàn)場(chǎng)離奇詭異洲尊,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)奈偏,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,218評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門坞嘀,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人惊来,你說(shuō)我怎么就攤上這事丽涩。” “怎么了?”我有些...
    開封第一講書人閱讀 157,162評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵矢渊,是天一觀的道長(zhǎng)继准。 經(jīng)常有香客問(wèn)我矮男,道長(zhǎng)移必,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,470評(píng)論 1 283
  • 正文 為了忘掉前任昂灵,我火速辦了婚禮避凝,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘眨补。我一直安慰自己管削,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,550評(píng)論 6 385
  • 文/花漫 我一把揭開白布撑螺。 她就那樣靜靜地躺著含思,像睡著了一般。 火紅的嫁衣襯著肌膚如雪甘晤。 梳的紋絲不亂的頭發(fā)上含潘,一...
    開封第一講書人閱讀 49,806評(píng)論 1 290
  • 那天,我揣著相機(jī)與錄音线婚,去河邊找鬼遏弱。 笑死,一個(gè)胖子當(dāng)著我的面吹牛塞弊,可吹牛的內(nèi)容都是我干的漱逸。 我是一名探鬼主播,決...
    沈念sama閱讀 38,951評(píng)論 3 407
  • 文/蒼蘭香墨 我猛地睜開眼游沿,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼饰抒!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起诀黍,我...
    開封第一講書人閱讀 37,712評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤袋坑,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后眯勾,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體枣宫,經(jīng)...
    沈念sama閱讀 44,166評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,510評(píng)論 2 327
  • 正文 我和宋清朗相戀三年吃环,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了也颤。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,643評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡模叙,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出鞋屈,到底是詐尸還是另有隱情范咨,我是刑警寧澤故觅,帶...
    沈念sama閱讀 34,306評(píng)論 4 330
  • 正文 年R本政府宣布,位于F島的核電站渠啊,受9級(jí)特大地震影響输吏,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜替蛉,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,930評(píng)論 3 313
  • 文/蒙蒙 一贯溅、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧躲查,春花似錦它浅、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,745評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至典唇,卻和暖如春镊折,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背介衔。 一陣腳步聲響...
    開封第一講書人閱讀 31,983評(píng)論 1 266
  • 我被黑心中介騙來(lái)泰國(guó)打工恨胚, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人炎咖。 一個(gè)月前我還...
    沈念sama閱讀 46,351評(píng)論 2 360
  • 正文 我出身青樓赃泡,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親塘装。 傳聞我的和親對(duì)象是個(gè)殘疾皇子急迂,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,509評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容

  • 一. 普通對(duì)象與函數(shù)對(duì)象 JavaScript 中,萬(wàn)物皆對(duì)象蹦肴!但對(duì)象也是有區(qū)別的僚碎。分為普通對(duì)象和函數(shù)對(duì)象,Obj...
    抓住時(shí)間的尾巴吧閱讀 310評(píng)論 0 0
  • 一阴幌、數(shù)據(jù)類型JavaScript的數(shù)據(jù)類型可以分為基本數(shù)據(jù)類型和引用數(shù)據(jù)類型勺阐。 基本數(shù)據(jù)類型(6種)StringN...
    qfstudy閱讀 369評(píng)論 1 0
  • 前言:原型與原型鏈這兩個(gè)名詞毋庸置疑聽起來(lái)是很高大上的,以前總是出現(xiàn)在傳說(shuō)中矛双,這兩天看了教程渊抽,準(zhǔn)備介紹一下這傳說(shuō)中...
    EnochQin閱讀 650評(píng)論 0 3
  • 一. 普通對(duì)象與函數(shù)對(duì)象JavaScript 中,萬(wàn)物皆對(duì)象议忽!但對(duì)象也是有區(qū)別的懒闷。分為普通對(duì)象和函數(shù)對(duì)象,Obje...
    80bb3ef13dea閱讀 1,594評(píng)論 1 10
  • 1.概述prototype與__proto__ 之前就了解過(guò)一些原型與原型鏈的問(wèn)題,覺(jué)得十分抽象愤估,知道__pro...
    皺皺眉十三流閱讀 624評(píng)論 0 1