JavaScript范例体系详解

基础数据范例

ECMAScript中有5种简朴数据范例(也称基础数据范例):Undefined,Null,Boolean,Number和String。另有一种庞杂数据范例(援用型)Object。ECMAScript不支持任何建立自定义范例的机制,而一切值都是上述6中数据范例之一。(ps:ES6新增了一种数据范例Symbol,这里不做议论)

Undefined

  • 值:undefined

  • 涌现场景:

    • 运用var声明变量未赋值(相当于var test = undefined;

    • 猎取对象不存在的属性

    • 无返回值的函数的实行效果

    • 函数的参数没有传入

    • void(expression)

  • 范例转换:

BooleanNumberString
undefinedfalseNaN“undefined”

Null

  • 值:null。null值示意一个空对象指针,若定义的一个变量预备未来用来保留一个对象,那末最好将变量初始化为一个null

  • 涌现场景:

    • var test = null;

    • null示意挪用的对象不存在

注重辨别null和undefined的区分?

null == undefined;  // true
null === undefined; // false
  • 范例转换

BooleanNumberString
nullfalse0“null”

Boolean

  • 值:true or false。

  • 涌现场景:

    • 前提语句致使体系实行的隐式装换

    • 定义

  • 范例转换

numberstring
true1“true”
false0“false”

String

  • 值:由单引号或双引号括起来的字符序列

  • 涌现场景:定义

  • 范例转换,有两种要领,String()toString()

BooleanNumber
“”false0
“123”true123
“a12”trueNaN

Number

  • 值:整数和浮点值

  • 涌现场景:

  • 范例转换,Number()parseInt()parseFloat()。第一个函数能够应用于任何数据范例,另两个函数特地用于把字符串转换成数值

BooleanString
0false0
1true1
Infinitytrue“Infinity”
NaNfalse“NaN”

Object

  • 值:一组属性的鸠合

  • 涌现场景:

  • 范例转换

BooleanNumberString
{}trueNaN“[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();
}
    原文作者:Darko
    原文地址: https://segmentfault.com/a/1190000004733689
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞