面向對象01-數據類型

基本類型和復雜類型

  1. 基本類型(簡單數據)
  • string
  • number
  • boolean
  • undefined
  • null
  1. 復雜類型(復雜數據類型)
  • Object
  • Array
  • Date
  • RegExp
  • Function
  • String
  • Number
  • Boolean
  • null
  • Math

值類型和引用類型

  1. 值類型和引用類型簡單說明
  • 值類型主要有:

    • 數值
    • 字符串
    • 布爾類型
    • undefined
    • null
  • 引用類型主要有:

    • 對象(Object類型)
    • 數組(Array)
    • 函數 (Function)

值類型:保存為簡單的數據值,賦值只是簡單的數據值的復制

引用類型:保存為對象,其本質是指向內存位置的引用(地址),賦值是對地址的復制

值類型代碼示例

  var num1 = 10;
  var num2 = num1;    //把num1的值復制一份給num2,num1和num2的值相等,除此之外沒有任何其他關系

  console.log(num1,num2);     //10,10
  console.log(num1 == num2);  //true

  num2 = 20;          //修改num2的值為20,不會對num1產生任何的影響
  console.log(num1,num2);     //10,20
  console.log(num1 == num2);  //false

引用類型代碼示例

    var arr1 = [1,2,3];
    var arr2 = arr1;
    console.log(arr1,arr2);             //[1,2,3],[1,2,3]
    console.log(arr1 == arr2);          //true

    var arr3 = [1,2,3];
    console.log(arr3);                  //[1,2,3]
    console.log(arr1 == arr3,arr2 == arr3); //false,false

    /**
     * 代碼說明:
     * arr1和arr2在比較的時候,值相等(都是[1,2,3]),且引用相等(都指向堆中同一塊數據),因此arr1和arr2相等
     * arr3和arr1以及arr2比較的時候,值相等([1,2,3]),但是引用不相等(arr3指向的是堆中另外一塊數據),因此不等
     * 總結:引用類型在比較相等的時候,只有值和引用都相等才相等
     * */
  1. 值類型和引用類型的賦值
    賦值操作(=):把當前變量存儲的值復制一份給接收的變量

值類型的賦值:把當前變量存儲的值(具體的數據)復制一份給接收的變量 引用類型的賦值:把當前變量存儲的值(具體數據的引用即地址)復制一份給接收的變量

//引用類型使用注意
console.log(arr1,arr2);         //[1,2,3],[1,2,3];
console.log(arr1 == arr2);      //true
arr1.push(4);
console.log(arr1,arr2);         //[1,2,3,4],[1,2,3,4]

/**
 * 代碼說明:因為arr1和arr2內部的引用指向的是同一塊數據,所以修改了arr1會對arr2也產生影響
 * */
  1. 值類型和引用類型作為函數參數處理
    形參:占位用的參數,用來接收數據的參數而已

實參:實際傳遞的參數 ---

函數的調用:在函數調用的時候,函數默認會把實參的值賦值給形參

值類型作為參數:在函數內部對形參變量進行修改不會影響到實參的值

引用類型作為參數:在函數內部對形參變量進行修改會影響到實參的值,因為他們的引用指向同一個對象

  1. 值類型和引用類型的相關圖示
    基本類型的賦值
  var str1 = "hello zhangsan";
  var str2 = str1;


引用類型的結構和賦值

```
    var car = {
    color:"黑色",
    number:"B99"
    };

    var p1 = {
    name:"王寶寶",
    age:30,
    car:car
    };
```
   var obj1 = {
      name:"lisi",
      age:18
  };

  var obj2 = obj1;
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,197評論 6 531
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,415評論 3 415
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 176,104評論 0 373
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,884評論 1 309
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,647評論 6 408
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,130評論 1 323
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,208評論 3 441
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,366評論 0 288
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 48,887評論 1 334
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,737評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,939評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,478評論 5 358
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,174評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,586評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,827評論 1 283
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,608評論 3 390
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,914評論 2 372

推薦閱讀更多精彩內容

  • 01 值類型和引用類型簡單說明 值類型主要有: 引用類型主要有: 值類型: 儲存的是具體的值。保存為簡單的數據值,...
    碼農的世界你不懂閱讀 388評論 0 0
  • 使用 typeof bar === “object” 判斷 bar 是不是一個對象有神馬潛在的弊端?如何避免這種弊...
    Roselle_c閱讀 349評論 0 0
  • 一、數組 數組是一個有序列表,所以有下標. 并且數組在js中可以存在任意類型的數據.并且同一個數組中可以存放不同的...
    空谷悠閱讀 517評論 0 1
  • 客戶端JavaScript的作用: 客戶端數據計算 表單輸入驗證 瀏覽器事件的觸發和處理 網頁特殊顯示效果制作 服...
    喵小姐貓貓閱讀 203評論 0 0
  • 函數聲明和函數表達式有什么區別 (*)解析器會率先讀取函數聲明,并使其在執行任何代碼之前可以訪問;函數表達式則必須...
    coolheadedY閱讀 398評論 0 1