摘要:引用數據類型引用數據類型值指保存在堆內存中的對象。訪問方式是按引用訪問。數據類型檢測操作符是檢測基本類型的最佳工具。未定義布爾值字符串數值對象或函數用于檢測引用類型,可以檢測到它是什么類型的實例。
前端學習:教程&開發模塊化/規范化/工程化/優化&工具/調試&值得關注的博客/Git&面試-前端資源匯總
歡迎提issues斧正:數據類型
回味,無窮!
數據類型定義 數據類型分類基本數據類型:String,boolean,Number,Symbol(ES6新增),Undefined, Null
引用數據類型:Object
基本數據類型中有兩個為特殊數據類型: null, undefined
js的常見內置對象:Date,Array,Math,Number,Boolean,String,Array,RegExp,Function...
基本數據類型:基本數據類型值指保存在棧內存中的簡單數據段。訪問方式是按值訪問。
var a = 1;
操作的是變量實際保存的值。
a = 2;
基本類型變量的復制:從一個變量向一個變量復制時,會在棧中創建一個新值,然后把值復制到為新變量分配的位置上。
var b = a;
b = 2;
引用數據類型:引用數據類型值指保存在堆內存中的對象。也就是,變量中保存的實際上的只是一個指針,這個指針指向內存中的另一個位置,該位置保存著對象。訪問方式是按引用訪問。
var a = new Object();
當操作時,需要先從棧中讀取內存地址,然后再延指針找到保存在堆內存中的值再操作。
a.name = "xz";
引用類型變量的復制:復制的是存儲在棧中的指針,將指針復制到棧中未新變量分配的空間中,而這個指針副本和原指針指向存儲在堆中的同一個對象;復制操作結束后,兩個變量實際上將引用同一個對象。因此,在使用時,改變其中的一個變量的值,將影響另一個變量。
var b = a;
b.sex = "boy";
漏畫了,差一條指針。b的引用指針也指向object{sex:"boy"}
b.sex; //"boy" a.name; //"boy"堆&棧
兩者都是存放臨時數據的地方。
棧是先進后出的,就像一個桶,后進去的先出來,它下面本來有的東西要等其他出來之后才能出來。
堆是在程序運行時,而不是在程序編譯時,申請某個大小的內存空間。即動態分配內存,對其訪問和對一般內存的訪問沒有區別。對于堆,我們可以隨心所欲的進行增加變量和刪除變量,不用遵循次序。
棧區(stack) 由編譯器自動分配釋放 ,存放函數的參數值,局部變量的值等。
堆區(heap) 一般由程序員分配釋放,若程序員不釋放,程序結束時可能由OS回收。
堆(數據結構):堆可以被看成是一棵樹,如:堆排序;
棧(數據結構):一種先進后出的數據結構。
typeof操作符是檢測基本類型的最佳工具。
"undefined" — 未定義 "boolean" — 布爾值 "string" — 字符串 "number" — 數值 "object" — 對象或null "function" — 函數Instanceof
instanceof用于檢測引用類型,可以檢測到它是什么類型的實例。
instanceof 檢測一個對象A是不是另一個對象B的實例的原理是:查看對象B的prototype指向的對象是否在對象A的[[prototype]]鏈上。如果在,則返回true,如果不在則返回false。不過有一個特殊的情況,當對象B的prototype為null將會報錯(類似于空指針異常)。
var sXzaver = new String("Xzavier"); console.log(sXzaver instanceof String); // "true" var aXzaver = [1,2,3]; console.log(aXzaver instanceof Array); // "true" 檢測數組在ECMA Script5中定義了一個新方法Array.isArray()Constructor
constructor屬性返回對創建此對象的數組函數的引用。可以用于檢測自定義類型。
"xz".constructor == String // true (123).constructor == Number // true (true).constructor == Boolean // true [1,2].constructor == Array // true ({name:"xz"}).constructor == Object // true (function(){}).constructor == Function // true (new Date()).constructor == Date // true (Symbol()).constructor == Symbol // true (/xz/).constructor == RegExp // true
constructor不適用于null和undefined。除了這些原生的,constructor還可驗證自定義類型。
function Xzavier(){} var xz = new Xzavier(); xz.constructor == Xzavier; // trueObject.prototype.toString.call(obj)
推薦使用:Object.prototype.toString.call(obj)
原理:調用從Object繼承來的原始的toString()方法 Object.prototype.toString.call("xz"); //"[object String]" Object.prototype.toString.call(123); //"[object Number]" Object.prototype.toString.call(true); //"[object Boolean]" Object.prototype.toString.call([1,2]); //"[object Array]" Object.prototype.toString.call({name:"xz"}); //"[object Object]" Object.prototype.toString.call(function(){}); //"[object Function]" Object.prototype.toString.call(null); //"[object Null]" Object.prototype.toString.call(undefined); //"[object Undefined]" Object.prototype.toString.call(); //"[object Undefined]" Object.prototype.toString.call(new Date()); //"[object Date]" Object.prototype.toString.call(/xz/); //"[object RegExp]" Object.prototype.toString.call(Symbol()); //"[object Symbol]" var obj = {name:"Xzavier", age:23}; var a = [1,2,3]; function isType(obj) { return Object.prototype.toString.call(obj).slice(8, -1); } isType(obj); // "Object" isType(a) // "Array"數據類型轉換 隱式轉換
undefined == null; // true 1 == true; // true 2 == true; // false 0 == false; // true 0 == ""; // true NaN == NaN; // false NaN不等于任何值 [] == false; // true [] == ![]; // true "6" - "3" // 3 1234 + "abcd" // "1234abcd"
1.undefined與null相等,但不恒等(===)
2.一個是number一個是string時,會嘗試將string轉換為number
3.隱式轉換將boolean轉換為number,0或1
4.隱式轉換將Object轉換成number或string,取決于另外一個對比量的類型
5.對于0、空字符串的判斷,建議使用 “===” 。
6.“==”會對不同類型值進行類型轉換再判斷,“===”則不會。它會先判斷兩邊的值類型,類型不匹配時直接為false。
顯示轉換一般指使用Number、String和Boolean三個構造函數,手動將各種類型的值,轉換成數字、字符串或者布爾值。
Number:Number("1234") // 1234 Number("1234abcd") // NaN Number("") // 0 Number(true) // 1 Number(null) // 0 Number(undefined) // NaNString:
String(1234) // "1234" String("abcd") // "abcd" String(true) // "true" String(undefined) // "undefined" String(null) // "null"Boolean:
Boolean(0) // false Boolean(undefined) // false Boolean(null) // false Boolean(NaN) // false Boolean("") // false
使用總,!!相當于Boolean:
!!"foo"; // true !!""; // false !!"0"; // true !!"1"; // true !!"-1" // true !!{}; // true !!true; // true
Number、String、Boolean轉換對象時主要使用了對象內部的valueOf和toString方法進行轉換。
Number轉換對象:1.先調用對象自身的valueOf方法。如果返回原始類型的值,則直接對該值使用Number函數,返回結果。
2.如果valueOf返回的還是對象,繼續調用對象自身的toString方法。如果toString返回原始類型的值,則對該值使用Number函數,返回結果。
3.如果toString返回的還是對象,報錯。
Number([1]); //1 轉換演變: [1].valueOf(); // [1]; [1].toString(); // "1"; Number("1"); //1String轉換對象
1.先調用對象自身的toString方法。如果返回原始類型的值,則對該值使用String函數,返回結果。
2.如果toString返回的是對象,繼續調用valueOf方法。如果valueOf返回原始類型的值,則對該值使用String函數,返回結果。
3.如果valueOf返回的還是對象,報錯。
String([1,2]) //"1,2" 轉化演變: [1,2].toString(); //"1,2" String("1,2"); //"1,2"Boolean轉換對象
Boolean轉換對象很特別,除了以下六個值轉換為false,其他都為true
undefined null false 0(包括+0和-0) NaN 空字符串("") Boolean(undefined) //false Boolean(null) //false Boolean(false) //false Boolean(0) //false Boolean(NaN) //false Boolean("") //false Boolean([]) //true Boolean({}) //true Boolean(new Date()) //true
寫寫博客打打球...要代碼,要籃球,更要生活。。。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/79870.html
摘要:業務越復雜,邏輯就越復雜,判斷就越多比較判斷比較判斷是比較兩個值,返回一個布爾值,表示是否滿足比較條件。對于非布爾值的數據,取反運算符會自動將其轉為布爾值。 前端學習:教程&開發模塊化/規范化/工程化/優化&工具/調試&值得關注的博客/Git&面試-前端資源匯總 歡迎提issues斧正:========== JavaScript-判斷 代碼中,多多少少會有判斷語句。業務越復雜,邏輯就越...
摘要:對象創建字面量方式構造函數方式也可以這樣不過這樣的話,為何不選擇字面量方式字面量方式和方式的寫法是等價的,返回的結果是同種類的對象。構造函數產生實例時,實例通過其對應原型對象的訪問對應的構造函數對象。 前端學習:教程&模塊化/規范化/工程化/優化&工具/調試&值得關注的博客/Git&面試資源匯總 歡迎提issues斧正:對象&對象使用 Object對象 在 JavaScript 中,對...
摘要:接收響應當請求發送到服務器端,收到響應后,響應的數據會自動填充對象的屬性。一般而已狀態代碼為作為成功的標志。必要時,可以將查詢字符串參數追加到的末尾,以便提交給服務器。后端實現可以自學一點后端知識,便于學習。 前端學習:教程&開發模塊化/規范化/工程化/優化&工具/調試&值得關注的博客/Git&面試-前端資源匯總 歡迎提issues斧正:Ajax JavaScript-Ajax&&no...
摘要:該對象包含了函數的所有局部變量命名參數參數集合以及,然后此對象會被推入作用域鏈的前端。如果整個作用域鏈上都無法找到,則返回。此時的作用域鏈包含了兩個對象的活動對象和對象。 前端學習:教程&開發模塊化/規范化/工程化/優化&工具/調試&值得關注的博客/Git&面試-前端資源匯總 歡迎提issues斧正:閉包 JavaScript-閉包 閉包(closure)是一個讓人又愛又恨的somet...
摘要:創建數組數組字面量數組構造函數參數為數組建議使用數組字面量方式,性能好,代碼少,簡潔,畢竟代碼少。數組判斷方法用來判斷某個值是否為。的這是最簡潔最直接的遍歷數組元素的語法。把數組轉換為本地數組,并返回結果。 前端學習:前端教程&開發模塊化/規范化/工程化/優化&工具/調試&值得關注的博客/Git&面試-前端資源匯總 歡迎提issues斧正:數組&數組方法使用詳解 Array對象 之前一...
閱讀 1906·2021-11-22 14:44
閱讀 1672·2021-11-02 14:46
閱讀 3657·2021-10-13 09:40
閱讀 2601·2021-09-07 09:58
閱讀 1586·2021-09-03 10:28
閱讀 1658·2019-08-29 15:30
閱讀 976·2019-08-29 15:28
閱讀 1469·2019-08-26 12:20