国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

JS從入門到放棄-基本類型和引用類型

walterrwu / 1498人閱讀

摘要:從入門到放棄基本類型和引用類型有七種數據類型而的變量根據指向數據類型的不同也分為兩種類型一種基本類型一種引用類型基本類型基本類型包括這五種但凡變量指向這五種數據類型的都稱之為基本類型假設有以上變量那么他們在內存中棧區的存儲結構大概是這樣子

JS從入門到放棄-基本類型和引用類型

JS有number,string,null,undefined,boolean,array,object七種數據類型,而JS的變量,根據指向數據類型的不同,也分為兩種類型,一種基本類型,一種引用類型.

1. 基本類型

基本類型包括: number, string, null, undefined, boolean這五種.但凡變量指向這五種數據類型的都稱之為基本類型.

var test1 = "hahaha"; // string
var test2 = 1; // number
var test3 = true; // boolean

假設有以上變量,那么他們在內存中棧區的存儲結構大概是這樣子的.

棧區指針 棧區值
test1 hahaha
test2 1
test3 true
var test = "321";
var test = "123";
var test1 = test;
console.log(test === test1); // true

執行以上語句之后,你可能會覺得變量test的值從字符串"321"變成了字符串"123".并不是值改變了,而是test只是一個指針,上面的兩條語句都只是在為同一個指針指向不同的值而已.值是不可被改變的.執行第三條語句的時候,首先初始化一個test1變量,然后把test的變量賦值給test1.這種賦值稱為深拷貝.如圖:

指針
test "123"
test1 "123"

最后一條語句之間的比較其實是testtest1之間的值作比較.也就是console.log("123" === "123"),之所以多此一舉的解釋最后兩條語句,原因是因為引用類型的賦值和比較并不是如此.

2. 引用類型

引用類型包括: object和array這兩種.但凡變量指向這兩種數據類型的都稱之為引用類型.

var china = {
  tianjin: "天津",
  beijing: "北京"
};
var huabei = {
  tianjin: "天津",
  beijing: "北京"
};

假設有以上變量,那么他們在內存中棧區堆區的存儲結構大概是這樣子的.

棧區指針 棧區值
china china對象在堆區的內存地址
huabei huabei對象在堆區的內存地址
堆區地址 堆區值
china對象在堆區的內存地址 china對象
huabei對象在堆區的內存地址 huabei對象
china.handan = "邯鄲";
console.log(china.handan); // "邯鄲"

當我們繼續執行上面語句的時候china堆區值內部的屬性除了原有的tianjinbeijing之外又動態的添加了一個handan屬性.這說明引用類型的值是可以被改變的.

console.log(china === huabei);  // false

china對象和huabei對象內的屬性明明一樣,但是完全相等比較符卻返回了false.這進一步證明了引用類型的比較是比較兩者在堆區的地址是否相同.如果我們對兩個對象的內部的屬性進行比較呢.

console.log(china.tianjin === huabei.tianjin) // true

這里又會返回true,這是因為我們做比較的對象的屬性是基本類型.他們會比較內部的值,而不是比較兩者在堆區內的地址.

最后說一下引用類型的賦值.繼續上面的代碼

var asia = china;
asia.tianjin = "紅橋";
console.log(asia.tianjin); // 紅橋
console.log(china.tianjin); // 紅橋

執行上面語句你會發現明明改變的是asia的屬性,但是china的屬性也跟著改變了.這是因為賦給asia的值是china對象在堆區的內存地址,而不是china對象本身.兩者實際上指向同一個堆區對象.也因此,改變其中任何一個的屬性,另外一個也會隨之更改.這種賦值也稱之為淺拷貝.

棧區指針 棧區值
china china對象在堆區的內存地址
asia china對象在堆區的內存地址
堆區地址 堆區值
china對象在堆區的內存地址 china對象
總結

基本類型:值不可變,存放于棧區,相互比較是基于值進行比較,相互賦值是深拷貝賦值.
引用類型:值可改變,同時存放于棧區和堆區,相互比較是基于在堆區內的地址,相互賦值是淺拷貝.

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/91129.html

相關文章

  • webpack -> vue Component 入門放棄(一)

    摘要:本身也是運行在環境中的模塊,它通常會返回一個函數。這個命名規則和搜索優先級順序在的中定義。那就等下一篇介紹吧,一篇文章有太多內容,會讓人很乏的從入門到放棄四從入門到放棄二從入門到放棄三源代碼 此篇文章僅僅是整理自己接觸webpack的入門過程,可能有很多不正確的地方,希望大家諒解,并指出錯誤幫助改進。 對于webpack的介紹和前期對他的入門使用,我覺得官方(中文網)已經介紹的很簡單了...

    Ashin 評論0 收藏0
  • ES6時代,你真的會克隆對象嗎(二)

    摘要:多個窗口意味著多個全局環境,不同的全局環境擁有不同的全局對象,從而擁有不同的內置類型構造函數。比如,表達式會返回,因為屬性得到的僅僅是構造函數,而且是可以被手動更改的,只是返回的構造函數的名字,它并不返回類名。 原文:ES6時代,你真的會克隆對象嗎(二) 上一篇,我們從Symbol和是否可枚舉以及屬性描述符的角度分析了ES6下怎么淺拷貝一個對象,發表在掘金和segmentfault上(...

    BoYang 評論0 收藏0
  • 機器學習入門放棄之KNN算法

    摘要:好了,廢話不多說,馬上開講第一個機器學習的算法,算法。另外,本文題目是機器學習從入門到放棄之算法而非機器學習從入門到放棄算法這樣,因為如果是后者,某日我要棄坑就會觸發我的強迫癥,而前者并不會,哈哈哈。 談起機器學習,真是令人心生向往同時又讓人頭痛不已。 心生向往是因為機器學習在很多方面都已經展現出其魅力,在人工智能的領域比如說AlphaGo,計算機視覺領域的人臉識別,車牌識別,靠近生活...

    XUI 評論0 收藏0
  • js異步入門放棄(實踐篇) — 常見寫法&面試題解析

    摘要:前文該系列下的前幾篇文章分別對不同的幾種異步方案原理進行解析,本文將介紹一些實際場景和一些常見的面試題。流程調度里比較常見的一種錯誤是看似串行的寫法,可以感受一下這個例子判斷以下幾種寫法的輸出結果辨別輸出順序這類題目一般出現在面試題里。 前文 該系列下的前幾篇文章分別對不同的幾種異步方案原理進行解析,本文將介紹一些實際場景和一些常見的面試題。(積累不太夠,后面想到再補) 正文 流程調度...

    Awbeci 評論0 收藏0

發表評論

0條評論

walterrwu

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<