JavaScript類型系統詳解

ruicbAndroid 發布于2019-08-19 17:59 / 1672人閱讀

摘要：基本數據類型中有種簡單數據類型也稱基本數據類型，，，和。不支持任何創建自定義類型的機制，而所有值都是上述中數據類型之一。

基本數據類型

ECMAScript中有5種簡單數據類型（也稱基本數據類型）：Undefined，Null，Boolean，Number和String。還有一種復雜數據類型（引用型）Object。ECMAScript不支持任何創建自定義類型的機制，而所有值都是上述6中數據類型之一。（ps：ES6新增了一種數據類型Symbol，這里不做討論）

Undefined

值：undefined

出現場景：

使用var聲明變量未賦值（相當于var test = undefined;）

獲取對象不存在的屬性

無返回值的函數的執行結果

函數的參數沒有傳入

void（expression）

類型轉換：

-	Boolean	Number	String
undefined	false	NaN	"undefined"

Null

值：null。null值表示一個空對象指針，若定義的一個變量準備將來用來保存一個對象，那么最好將變量初始化為一個null

出現場景：

var test = null；

null表示調用的對象不存在

注意區分null和undefined的區別？

null == undefined;  // true
null === undefined; // false

類型轉換

-	Boolean	Number	String
null	false	0	"null"

Boolean

值：true or false。

出現場景：

條件語句導致系統執行的隱式裝換

定義

類型轉換

-	number	string
true	1	"true"
false	0	"false"

String

值：由單引號或雙引號括起來的字符序列

出現場景：定義

類型轉換，有兩種方法，String() 和 toString()

-	Boolean	Number
""	false	0
"123"	true	123
"a12"	true	NaN

Number

值：整數和浮點值

出現場景：

類型轉換，Number()，parseInt() 和 parseFloat()。第一個函數可以應用于任何數據類型，另兩個函數專門用于把字符串轉換成數值

-	Boolean	String
0	false	0
1	true	1
Infinity	true	"Infinity"
NaN	false	"NaN"

Object

值：一組屬性的集合

出現場景：

類型轉換

-	Boolean	Number	String
{}	true	NaN	"[object Object]"

類型識別 typeof(操作符，不是函數)

可以識別簡單類型（Null除外）

不能識別具體的對象類型（Function除外）

typeof "darko"; //"string"
typeof 123;     //"number"
typeof true;    //"boolean"
typeof undefined;    //"undefined"
typeof null;     //"object"
typeof {name:"darko"};  //"object"

typeof function(){};    // "function"
typeof [];      // "object"
typeof new Date();  //"object"

instanceof(三目運算符)

識別內置對象的類型

不可以識別簡單類型

識別自定義對象類型

[] instanceof Array;    //true
/d/ instanceof RegExp; //true

1 instanceof Number;    //false
"abc" instanceof String;  //false

constructor

識別簡單類型（undefined和null除外）

識別內置對象類型

識別自定義對象類型

(1).constructor === Number; // true
true.constructor === Boolean; // true

[].constructor === Array;   // true

Object.prototype.toString

可以簡單類型和內置對象

不能識別自定義類型

function type(obj){
    return Object.prototype.toString.call(obj).slice(8, -1).toLowerCase();
}

GPU云服務器云服務器數據類型詳解 javascript詳解 SQL數據類型詳解 javascript閉包詳解

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

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

javascript日期類型(Date)與php日期類型詳解

摘要：注意客戶端與服務器日期進行傳輸的時候一般都是用大整數時間戳進行傳輸。前言一個網站的開發需要要UI、前端、后端三種工程師。現在的企業在招聘前端工程師的時候一般都要求其了解或者掌握一些后端的知識。因此，此文章主要介紹javascript的日期類型，也粗略的介紹一下php的日期類型，以及二者是如何交互數據的。時間戳什么是時間戳時間戳是從格林威治時間1970年1月1日(00:0...

chemzqm 2019-08-22 11:09 評論0 收藏0
javascript日期類型(Date)與php日期類型詳解

摘要：注意客戶端與服務器日期進行傳輸的時候一般都是用大整數時間戳進行傳輸。前言一個網站的開發需要要UI、前端、后端三種工程師。現在的企業在招聘前端工程師的時候一般都要求其了解或者掌握一些后端的知識。因此，此文章主要介紹javascript的日期類型，也粗略的介紹一下php的日期類型，以及二者是如何交互數據的。時間戳什么是時間戳時間戳是從格林威治時間1970年1月1日(00:0...

BDEEFE 2019-06-28 13:46 評論0 收藏0
JavaScript深入淺出

摘要：理解的函數基礎要搞好深入淺出原型使用原型模型，雖然這經常被當作缺點提及，但是只要善于運用，其實基于原型的繼承模型比傳統的類繼承還要強大。中文指南基本操作指南二繼續熟悉的幾對方法，包括，，。商業轉載請聯系作者獲得授權，非商業轉載請注明出處。怎樣使用 this 因為本人屬于偽前端，因此文中只看懂了 8 成左右，希望能夠給大家帶來幫助....（據說是阿里的前端妹子寫的） this 的值到底...

blair 2019-08-21 18:26 評論0 收藏0
【連載】前端個人文章整理-從基礎到入門

摘要：個人前端文章整理從最開始萌生寫文章的想法，到著手開始寫，再到現在已經一年的時間了，由于工作比較忙，更新緩慢，后面還是會繼更新，現將已經寫好的文章整理一個目錄，方便更多的小伙伴去學習。 showImg(https://segmentfault.com/img/remote/1460000017490740?w=1920&h=1080); 個人前端文章整理從最開始萌生寫文章的想法，到著手...

madthumb 2019-08-23 14:15 評論0 收藏0