JS數據類型和堆棧+變數比較和值的複製+參數傳遞和類型檢測

来源:https://www.cnblogs.com/chenyingying0/archive/2020/02/10/12293316.html
-Advertisement-
Play Games

變數命名 變數名：字母 數字 下劃線 美元符$ jquery: $ $.each() $ jQuery underscore( js的一個函數庫) : _ _.each() 關鍵字 : if for 保留字 : class 推薦有意義的命名： buttonCancel button_cancel b ...


變數命名

變數名：字母 數字 下劃線 美元符$

jquery:  $     $.each()   $ === jQuery

underscore( js的一個函數庫)  :   _     _.each()

關鍵字 :  if   for

保留字 :  class

推薦有意義的命名：

buttonCancel   button_cancel   btnCancel

 

數據類型和堆棧

基本類型（可以修改） :  4  str   true  undefined  null

引用類型（不能修改） :  { }  [ ]

var score = 40;
score = 50;

上面屬於覆蓋，不屬於修改

var str = "hello";
var newStr = str.replace("h", "");
document.write( str + "/" + newStr);

字元串操作返回新的字元串，原字元串沒有改變

        var obj = {};
        console.log(obj);
        obj.name = "cyy";
        obj.age = 25;
        obj.name = "cyy2";
        delete obj.age;
        console.log(obj);

 

 引用類型的屬性可以添加，可以修改，可以刪除

        var name = "cyy";
        name.age = 25;
        console.log(name.age);//undefined

基本類型不能添加屬性

str.replace()

1->Number

"str"->String

不是基本類型有屬性和方法，而是通過基本類型找到其包裝對象，包裝對象會把屬性和方法借給該基本類型的變數

 

基本類型保存在棧記憶體中，按值訪問（直接訪問）

引用類型保存在堆記憶體中，但是地址保存在棧記憶體中，按引用訪問（需要中轉）

 

變數比較和值的賦值

        var obj1 = {
            age: 24,
            num: 1
        }
        var obj2 = {
            age: 24,
            num: 1
        }
        console.log(obj1 === obj2);//false

基本類型的比較就是值的比較，只要值相等即為相等

引用類型，實際上是開闢了各自的記憶體空間，雖然內容相等，但是並不是一個地址

只有當指向同一個引用的時候，才為相等

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        var obj1 = {
            age: 24,
            num: 1
        }
        var obj2 = obj1;
        console.log(obj1 === obj2);//true
    </script>
</body>
</html>

此時obj2保存的是obj1的地址，因此相等

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        var obj1 = {
            age: 24,
            num: 1
        }
        var obj2 = {
            age: 24,
            num: 1
        }
        function equelObj(a, b){
            for(var i in a){
                if(a[i] !== b[i]) return false;
            }
            return true;
        }
        console.log(equelObj(obj1, obj2));//true
    </script>
</body>
</html>

以上方式可以比較兩個對象的內容是否相等

        function equelArr(a, b){
            if(a.length !== b.length) return false;
            for(var i=0; i<a.length;i++){
                if(a[i] !== b[i]) return false;
            }
            return true;
        }

以上方式比較兩個數組的內容是否相等

var name1 = "cyy";
var name2 = name1;
console.log(name2);//cyy

name2 = "cyy2";
console.log(name1);//cyy

基本類型複製是值的複製，兩個變數互不幹涉

var obj1 = {
    name: "cyy",
    age: 24
}
var obj2 = obj1;
obj2.age++;
console.log(obj2.age);//25
console.log(obj1.age);//25

引用類型複製是地址的複製，二者指向同一個地址，一個改變另一個也會發生改變

var obj1 = {
    name: "cyy",
    age: 24
}
function copyObj(a){
    var newObj = {};
    for(var i in a){
        newObj[i] = a[i];
    }
    return newObj;
}
console.log(copyObj(obj1));

以上方法是複製一個對象的內容，但不是引用的同一個地址

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
<script>
var obj1 = {
    name: "cyy",
    age: 24,
    hobby: []
}
function copyObj(a){
    var newObj = {};
    for(var i in a){
        newObj[i] = a[i];
    }
    return newObj;
}
console.log(copyObj(obj1));
</script>
</body>
</html>

該方式屬於淺拷貝，如果對象中某個屬性本身是引用類型，則複製時又會該屬性又會指向同一個地址，需要用到遞歸解決

jquery 中的 $.extend 既可以進行淺拷貝，又可以進行深拷貝

 

不使用新的變數，來對換兩個變數的值

var a = 3;
var b = 4;
a = a + b; //a=7
b = a - b; //b=3
a = a - b; //a=3

一個很奇葩的規則：賦值才會改變引用的地址，但是添加與修改內容不會改變地址

var a=[4];
var b=a;//此時b與a指向同一個空間 a=[4]  b=[4]
a=[4,44];//此處a被重新賦值，指向了另一個空間；b仍舊指向原來的空間
console.log(a);//(2) [4, 44]
console.log(b);//[4]

a=b;//此時a又指向了b的空間 a=[4] b=[4]
b.push(44);
console.log(a);//(2) [4, 44]

參數傳遞和類型檢測

function add(a,b){
    return a+b;
}
console.log(add(3,4));//7

a,b是形參，3,4是實參

function addName(obj){
    obj.name="cyy";
}
var me={};
addName(me);
console.log(me.name);//cyy

引用類型的參數傳遞（實質上也是值傳遞）

function addName(obj){
    obj.name="cyy";//me.name=cyy（值傳遞)
    obj={};//obj指向了一個新的地址，但是me依舊指向老的地址
    obj.name="cyy2";//對新的地址進行操作
}
var me={};
addName(me);
console.log(me.name);//cyy

以上證明：由於引用類型作為參數時，實質上也是值傳遞。因此當形參被指向新的地址時，並沒有對實參進行操作，因為二者並不是指向同一個地址

 

typeof 檢測數據類型，返回值都是字元串類型

數組和對象都是返回object

instanceof Array  判斷是否是數組的實例

instanceof Object  判斷是夠是object的實例（數組也是Object的實例，所有東西都是object的實例）

console.log([] instanceof Array);//true
console.log({} instanceof Array);//false
console.log([] instanceof Object);//true
console.log({} instanceof Object);//true

不用第三個參數，對換兩個引用類型的變數值

var a = {name: 'xm'}, b = [4];
a=[a,b];//[{name: 'xm'}, 4]
b=a[0];//b={name: 'xm'};
a=a[1];//a=[4]

null是Null類型，屬於基本類型

console.log(typeof null);//object
console.log(null instanceof Object);//false

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • Ubuntu 安裝MongoDB
    Ubuntu16.04安裝MongoDB指南 系統初始化 安裝mongodb mongodb預設是監聽在127.0.0.1埠的，要開啟外網連接，需要修改mongodb配置文件： 修改為 連接mongodb 使用工具 "robo 3t" ，添加連接信息 啟用密碼訪問 mongodb預設是不開啟密碼登 ...
  • PG資料庫常用操作
    全量遷移 備份數據 正式遷移 首先要修改備份文件 .sql的owner，防止許可權出現錯誤。 【註意點】該遷移操作會覆蓋原來的資料庫，所以最好創建一個新庫。 列出所有表名和資料庫名 PostgreSQL 中 有時候想刪除資料庫（drop database swiftliveqaapi;），發現提示“E ...
  • [MySQL]mysql binlog回滾數據
    1.先開啟binlog log-bin = /var/log/mysql/mysql_bin #binlog日誌文件,以mysql_bin開頭，六個數字結尾的文件：mysql_bin.000001，並且會將文件存儲在相應的xxx/xxx路徑下，如果只配置mysql_bin的話預設在C:\Progra ...
  • BOS只讀狀態修改
    1 update T_META_OBJECTTYPE set FSUPPLIERNAME ='PAEZ',FPACKAGEID =null ...
  • 【mysql】索引相關的個人總結
    重點參考： "MySQL索引原理及慢查詢優化 （美團技術分享網站）" ：原理、示例優化都寫的很好。 "索引很難麽？帶你從頭到尾捋一遍MySQL索引結構，不信你學不會！" ：原理寫的很好。 "【從入門到入土】令人脫髮的資料庫底層設計" ：很詳細的底層原理 一定要仔細看其中講的索引原理！！！本文中都是簡 ...
  • Druid入門（1）—— 快速入門實時分析利器-Druid_0.17
    一、安裝準備 本次安裝的版本是截止2020.1.30最新的版本0.17.0 軟體要求 需要 Java 8（8u92 +） 以上的版本，否則會有問題 Linux，Mac OS X或其他類似Unix的操作系統（不支持Windows） 硬體要求 Druid包括一組參考配置和用於單機部署的啟動腳本： 單服務 ...
  • 【React Native】某個頁面禁用物理返回鍵
    1、引入組件 import { BackHandler, } from 'react-native'; 2、添加監聽 componentDidMount(): void { BackHandler.addEventListener('hardwareBackPress', this.onBackBu ...
  • JavaScript面向對象編程
    在前端開發中，JavaScript並沒有想象中那麼簡單，不只是簡單的UI輸入驗證，還有面向對象。對於剛剛JavaScript入門的你來說，可能會稍稍驚訝：哇，雖然前端開發好找對象，但是JavaScript真的可以向對象編程麽！！！是的，你沒有看錯，本文將通過一些小例子，逐步講解JavaScript的... ...
一周排行
    -Advertisement-
    Play Games
  • UOS 開啟 VisualStudio 遠程調試 .NET 應用之旅
    前言 在我們開發過程中基本上不可或缺的用到一些敏感機密數據，比如SQL伺服器的連接串或者是OAuth2的Secret等，這些敏感數據在代碼中是不太安全的，我們不應該在源代碼中存儲密碼和其他的敏感數據，一種推薦的方式是通過Asp.Net Core的機密管理器。 機密管理器 在 ASP.NET Core ...
  • C# - 能否讓 SortedSet.RemoveWhere 內傳入的委托非同步執行
    新改進提供的Taurus Rpc 功能，可以簡化微服務間的調用，同時可以不用再手動輸出模塊名稱，或調用路徑，包括負載均衡，這一切，由框架實現並提供了。新的Taurus Rpc 功能，將使得服務間的調用，更加輕鬆、簡約、高效。 ...
  • 順序棧的介面程式
    順序棧的介面程式 目錄順序棧的介面程式頭文件創建順序棧入棧出棧利用棧將10進位轉16進位數驗證 頭文件 #include <stdio.h> #include <stdbool.h> #include <stdlib.h> 創建順序棧 // 指的是順序棧中的元素的數據類型，用戶可以根據需要進行修改 ...
  • mORMot2 獲取數據集1
    前言 整理這個官方翻譯的系列，原因是網上大部分的 tomcat 版本比較舊，此版本為 v11 最新的版本。 開源項目 從零手寫實現 tomcat minicat 別稱【嗅虎】心有猛虎，輕嗅薔薇。 系列文章 web server apache tomcat11-01-官方文檔入門介紹 web serv ...
  • 萬字長文總結與剖析C語言關鍵字 -- <<C語言深度解剖>>
    C總結與剖析:關鍵字篇 -- <<C語言深度解剖>> 目錄C總結與剖析:關鍵字篇 -- <<C語言深度解剖>>程式的本質:二進位文件變數1.變數:記憶體上的某個位置開闢的空間2.變數的初始化3.為什麼要有變數4.局部變數與全局變數5.變數的大小由類型決定6.任何一個變數,記憶體賦值都是從低地址開始往高地 ...
  • 【Flink入門修煉】2-3 Flink Checkpoint 原理機制
    如果讓你來做一個有狀態流式應用的故障恢復，你會如何來做呢？ 單機和多機會遇到什麼不同的問題？ Flink Checkpoint 是做什麼用的？原理是什麼？ ...
  • C++ 多級繼承與多重繼承：代碼組織與靈活性的平衡
    C++ 多級繼承 多級繼承是一種面向對象編程（OOP）特性，允許一個類從多個基類繼承屬性和方法。它使代碼更易於組織和維護，並促進代碼重用。 多級繼承的語法 在 C++ 中，使用 : 符號來指定繼承關係。多級繼承的語法如下： class DerivedClass : public BaseClass1 ...
  • 圖文結合手把手教你創建SpringCloud項目
    前言 什麼是SpringCloud？ Spring Cloud 是一系列框架的有序集合，它利用 Spring Boot 的開發便利性簡化了分散式系統的開發，比如服務註冊、服務發現、網關、路由、鏈路追蹤等。Spring Cloud 並不是重覆造輪子，而是將市面上開發得比較好的模塊集成進去，進行封裝，從 ...
  • 類模板的常見用法
    class_template 類模板和函數模板的定義和使用類似，我們已經進行了介紹。有時，有兩個或多個類，其功能是相同的，僅僅是數據類型不同。類模板用於實現類所需數據的類型參數化 template<class NameType, class AgeType> class Person { publi ...
  • system-v IPC共用記憶體通信
    目錄system v IPC簡介共用記憶體需要用到的函數介面shmget函數--獲取對象IDshmat函數--獲得映射空間shmctl函數--釋放資源共用記憶體實現思路註意 system v IPC簡介 消息隊列、共用記憶體和信號量統稱為system v IPC(進程間通信機制)，V是羅馬數字5，是UNI ...
所有分類