JavaScript中數(shù)據(jù)類型和聲明變量的方法有哪些-創(chuàng)新互聯(lián)

小編給大家分享一下JavaScript中數(shù)據(jù)類型和聲明變量的方法有哪些，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！

目前創(chuàng)新互聯(lián)建站已為超過千家的企業(yè)提供了網(wǎng)站建設(shè)、域名、雅安服務(wù)器托管、網(wǎng)站托管、服務(wù)器托管、企業(yè)網(wǎng)站設(shè)計(jì)、撫順網(wǎng)站維護(hù)等服務(wù)，公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長，共同發(fā)展。7種數(shù)據(jù)類型

基礎(chǔ)數(shù)據(jù)類型：存儲到棧內(nèi)存中，操作的是值

null：空指針，所以typeof null ==>Object

undefined：定義了未賦值

Number：數(shù)字

String：字符串

Symbol：一種實(shí)例是唯一且不可改變的數(shù)據(jù)類型。

Boolean：布爾值

引用數(shù)據(jù)類型：儲存在堆內(nèi)存種，操作的是空間地址

Object：具體可以是Array，F(xiàn)unction，RegExp，Date

判斷數(shù)據(jù)類型（方法，優(yōu)劣）

typeof：只能判斷基礎(chǔ)類型中的非Null,不能判斷引用數(shù)據(jù)類型（因?yàn)槿繛閛bject）它是操作符

typeof ''  // ==> string
typeof 1  //==> number
typeof true  //==>boolean
typeof undefined  //==>undefined
let b = Symbol() ; typeof b //==>symbol
-----------------下面的判斷不了實(shí)際類型了-----------------------
typeof function fn(){} //==>function
typeof null //==>object
typeof [1,2,3] //==>object
typeof {} //==>object

instanceof：用于測試構(gòu)造函數(shù)的prototype屬性是否出現(xiàn)在對象的原型鏈中的任何位置,可以用它來判斷Array但是不夠優(yōu)雅且有一定風(fēng)險(xiǎn)

let arr = [1,2,3]
arr instanceof Array //==>true
arr instanceof Object //==>true
instanceof操作符的問題在于，它只有一個全局執(zhí)行環(huán)境，如果網(wǎng)頁有多個框架，那實(shí)際上就存在兩個以上的不同的全局執(zhí)行環(huán)境，從而存在兩個以上不同版本的Array構(gòu)造函數(shù)。如果從一個框架想另外一個框架傳入一個數(shù)組，那么傳入的數(shù)組與在第二個框架中原生創(chuàng)建的數(shù)組分別具備各自不同的構(gòu)造函數(shù) ----高程page88 （筆者白話問翻譯一下：風(fēng)險(xiǎn)來至原型鏈的重寫）

constructor：原理也是基于原型鏈，風(fēng)險(xiǎn)同樣來之于原型鏈的重寫，比如當(dāng)你在多個frame中來回穿梭的時候，這兩種方法就亞歷山大了。由于每個iframe都有一套自己的執(zhí)行環(huán)境，跨frame實(shí)例化的對象彼此是不共享原型鏈的，因此導(dǎo)致上述檢測代碼失效!

isNaN：這個方法會先調(diào)用Number，所以不是很好用

console.log(isNaN("1px"));   //先調(diào)用Number('1px')，返回NaN，然后再調(diào)用isNaN(NaN)返回true
   //燃鵝 '1px'客觀并不是NaN
[1,2,3,1].constructor === Array; // true

-----------------------------------------------比較好的方法--------------------------------

Object.prototype.toString.call()

Object.prototype.toString.call(null) // ==> [object Null]
    Object.prototype.toString.call([]) // ==> [object Array]

-------------------------------------------------優(yōu)雅的方法---------------------

如果需要單獨(dú)判斷Array

Array.isArray([]) //==>true

如果需要單獨(dú)判斷null

let a = null
Object.is(a , null) //==>true
6種聲明變量的方法
ES5 只有兩種聲明變量的方法：var命令和function命令。ES6 除了添加let和const命令，后面章節(jié)還會提到，另外兩種聲明變量的方法：import命令和class命令。所以，ES6 一共有 6 種聲明變量的方法。 --es6
var：變量提升，沒有塊級作用域

說到var肯定要提變量提升：當(dāng)前作用域，js（函數(shù)）執(zhí)行前，瀏覽器會把帶var或者function進(jìn)行提前聲明和定義

  1. 變量只聲明，函數(shù)是聲明+賦值，自執(zhí)行函數(shù)定義和執(zhí)行一起完成了

  2. 不受邏輯判斷條件影響

  3. return 下面的也提升，但是return 里面的不提升

  4. 重復(fù)的聲明可以，重新賦值即可，但是變量和方法名字不能沖突

const: 常量，地址不變，但是屬性可以變let: 塊作用域，暫時性死區(qū)(TDZ)，不進(jìn)行變量提升，不允許重復(fù)聲明
//只要塊級作用域內(nèi)存在let命令，它所聲明的變量就“綁定”（binding）這個區(qū)域，不再受外部的影響。所以下面代碼不報(bào)錯，外層作用域和里層作用域都有一個tmp
let tmp = 123;
    if (true) {
      let tmp =123;    
    }
//ES6 明確規(guī)定，如果區(qū)塊中存在let和const命令，這個區(qū)塊對這些命令聲明的變量，從一開始就形成了封閉作用域。凡是在聲明之前就使用這些變量，就會報(bào)錯。
    let tmp = 123;
    if (true) {
      tmp = 'abc'; // ReferenceError
      let tmp;    
    }
import:es6模塊化解決方案class:es6繼承解決方案類型轉(zhuǎn)化

這一塊內(nèi)容太多，太雜了，其實(shí)我不怎么想寫，因?yàn)楹苌儆腥藭@么寫代碼。但是這塊太重要了，面試必考。建議大家掌握這塊的核心內(nèi)容以及原則，不要關(guān)注奇淫巧技。

1.自動裝包

三種包裝類型：Number,Boolean,String

let s1 = '123'
let s2 = s1.slice(2)         // a是基本類型，它是沒有slice方法的這里實(shí)際上后臺完成了一個自動裝包
---下面是實(shí)際發(fā)生的事---------
let s1 = new string('123')
let s2 = s1.slice(2)     
s1 = null      //注意這里用完就銷毀了

//所以如果添加某個屬性后面是調(diào)用不出來的
let s1 = '123'
s1.color = 'red'
console.log(s1.color) // ==> undefind

這些類型（構(gòu)造函數(shù)）基本都重寫了它們的tostring方法

2.強(qiáng)行轉(zhuǎn)化為數(shù)字

  • Number :將其他數(shù)據(jù)類型的值強(qiáng)制轉(zhuǎn)換成number類型；

console.log(Number({}));//NaN
    console.log(Number(null));// 0
    console.log(Number(undefined));// NaN
    console.log(Number([]));// 0
    console.log(Number(""));// 0
    console.log(Number(true));// 1
    console.log(Number(false));

  • parseInt :經(jīng)常用于字符串提取數(shù)字的方法； 把字符串中從左到右依次識別，直到遇到一個非有效數(shù)字，停止，把找到的數(shù)字返回；

console.log(parseInt("12px12"));// 12
  console.log(parseInt("12.666.777px12"));// 12
  console.log(parseInt("px12.666px12"));// NaN
  console.log(parseInt(""));// NaN
  console.log(parseInt(true));// NaN
  console.log(parseInt({}));// NaN
  console.log(parseInt([]));// NaN
  console.log(parseInt(null));// NaN
  console.log(parseInt(undefined));// NaN

  • toFixed : 保留小數(shù)點(diǎn)位數(shù)的方法，返回值是一個字符串；

console.log(Number("1px"));   //==> NAN
    console.log(parseInt("1px"));   //==> 1
    console.log(parseInt("p1px"));   //==> NaN
3.-轉(zhuǎn)化

會先把字符串轉(zhuǎn)換成數(shù)字(Number)，然后再進(jìn)行計(jì)算，注意NaN,undifined參與的任何計(jì)算都是NaN

console.log("6" - 2);//==> 4
  console.log("5px"-"4")//==> NaN (NaN-4還是NaN)
4.+轉(zhuǎn)化

具體調(diào)用string還是number請看下表

|| undefined | null   | boolean | number | string | object |
=========================================================================
 undefined  || number    | number | number  | number | string | string | 
 null       || number    | number | number  | number | string | string | 
 boolean    || number    | number | number  | number | string | string | 
 number     || number    | number | number  | number | string | string | 
 string     || string    | string | string  | string | string | string | 
 object     || string    | string | string  | string | string | string |
//字符串和任何類型相加都是調(diào)用String
    var  a = typeof 10 + true + [] + null + undefined+{};
    console.log(a); //==>numbertruenullundefined[object Object]，{}
    console.log("6px"+undefined); ==> 6pxundefined
    console.log(NaN+"undefined");==> NaNundefined
    //經(jīng)典面試題
    [1,2]+[2,1]  //==>都調(diào)用toString '1,2'+'2,1'===>'1,22,1'
5.布爾值Boolean

其他數(shù)據(jù)類型轉(zhuǎn)布爾類型是false有且只有五個值： 0  ""  NaN null  undefined  
所以boolean({}) 或者boolean([]) 都是真

6.==和===

===是全等，==是類型轉(zhuǎn)化后再判斷，規(guī)則比較復(fù)雜。這里我認(rèn)為除了準(zhǔn)備面試需要看看，平時基本不會用，所以這個知識性價(jià)比非常低，學(xué)了用不到也會忘，大家自己把握，詳細(xì)規(guī)則可以搜我其他文章
平時除了判斷a是否是undefined或者是null(jq源碼里面都用法)都時候其他情況下都用===

console.log(null==undefined) // true
console.log(undefined==undefined) // true

看完了這篇文章，相信你對JavaScript中數(shù)據(jù)類型和聲明變量的方法有哪些有了一定的了解，想了解更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道，感謝各位的閱讀！

分享標(biāo)題：JavaScript中數(shù)據(jù)類型和聲明變量的方法有哪些-創(chuàng)新互聯(lián)
網(wǎng)頁URL：http://muchs.cn/article4/ddsiie.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供云服務(wù)器、全網(wǎng)營銷推廣、品牌網(wǎng)站制作、搜索引擎優(yōu)化、做網(wǎng)站、商城網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

營銷型網(wǎng)站建設(shè)