再現:JavaScriptのデータ型とその検出

 

 

まず、データのタイプ分類

Javascriptがデータ、すなわち、の2種類があり、基本的なデータ型と参照データ型。

前記未定義、ヌル、ブール値、数値、文字列、記号(ES6が追加され、一意の値を表している)を含む基本的なデータ型

オブジェクトタイプは、基準データオブジェクトを含むオブジェクト、配列、および機能と称される

 

第二に、基本データ型

1.値は不変です

var name = 'java';
name.toUpperCase(); // 输出 'JAVA'
console.log(name); // 输出  'java'

このようにして得ることができ、基本データ型の値は不変です

スタック領域に格納されている2。

直接スタック(スタック)であり、上に格納された元のデータセグメントへの単純なデータ型は小さなスペース、固定されたサイズを占め、頻繁にデータを使用している、それがスタックに格納されます。

値の比較3。

var a = 1;
var b = true;
console.log(a == b);    // true
console.log(a === b);   // false

==:のみ、値を比較したデータ型の変換を行います。
===:立派な比較だけでなく、比較データの種類は次のようになります。

第三に、参照データ型

1変数の値

var a={age:20};
a.age=21;
console.log(a.age)//21

記載された種類以上の参照符号は、プロパティおよびメソッドを有することができ、動的に変更することができます。

一方、スタックメモリとヒープメモリに格納されている2。

参照データ型がオブジェクトヒープ(ヒープ)に格納され、大きなスペースを占有する、サイズが固定されておらず、スタックは、実行中のストレージのパフォーマンスに影響を与える場合、参照データ型は、スタックポインタポイントは、スタック・ポインタに格納されます。エンティティの開始アドレス。インタプリタは、基準値を検索するとき、それは最初のエンティティのアドレスを取得した後、ヒープから取得した、スタック上でそのアドレスを取得します。

前記比較は、比較的に引用されています

基準値は、対象の変数値から変数の別のタイプに割り当てられている場合には、新しい変数に割り当てられた領域にコピー変数に格納されます。

var a={age:20};
var b=a;
b.age=21;
console.log(a.age==b.age)  //true

我々は別のメモリ位置に格納されている基本的な型と参照型の話の上には、参照の型はポインタがスタック上に保存されている間、ヒープ上に格納され、実体のどの開始位置まで、このスタックポインタオブジェクト。変数が初期化されると、オブジェクト{年齢:20}へのポインタオブジェクトと{年齢:20}を指すようにアドレスBに割り当てられた後、Bアドレスは、この2つの変数が同じオブジェクトを指します。そのため、一つの変数の変化が互いに影響を及ぼします。

変数がある場合は、この時点では、元のオブジェクトのキャンセルへの参照は、他の変数には影響を与えません。

var a={age:20};
var b=a;
a = 1;
b // {age:20}

上記のコードは、aとbは同じオブジェクトを参照した後、1の値は、次にB、Bに全く影響または元のオブジェクトへのポイントとなります。

四、检验数据类型

1.typeof  (数组和对象都是返回object)

typeof返回一个表示数据类型的字符串,返回结果包括:number、boolean、string、symbol、object、undefined、function等7种数据类型,但不能判断null、array、object对象等

typeof Symbol(); // symbol 有效
typeof ''; // string 有效
typeof 1; // number 有效
typeof true; //boolean 有效
typeof undefined; //undefined 有效
typeof new Function(); // function 有效
typeof null; //object 无效
typeof [] ; //object 无效
typeof new Date(); //object 无效
typeof new RegExp(); //object 无效

数组和对象返回的都是object,这时就需要使用instanceof来判断

2.instanceof  (不能判断null和undefined)

instanceof 是用来判断A是否为B的实例,表达式为:A instanceof B,如果A是B的实例,则返回true,否则返回false。instanceof 运算符用来测试一个对象在其原型链中是否存在一个构造函数的 prototype 属性。

[] instanceof Array; //true
{} instanceof Object;//true
new Date() instanceof Date;//true
new RegExp() instanceof RegExp//true

关于数组的类型判断,还可以用ES6新增Array.isArray()

Array.isArray([]);   // true

instanceof 三大弊端:

  • 对于基本数据类型来说,字面量方式创建出来的结果和实例方式创建的是有一定的区别的
console.log(1 instanceof Number)//false
console.log(new Number(1) instanceof Number)//true

从严格意义上来讲,只有实例创建出来的结果才是标准的对象数据类型值,也是标准的Number这个类的一个实例;对于字面量方式创建出来的结果是基本的数据类型值,不是严谨的实例,但是由于JS的松散特点,导致了可以使用Number.prototype上提供的方法。

  • 只要在当前实例的原型链上,我们用其检测出来的结果都是true。在类的原型继承中,我们最后检测出来的结果未必准确。
var arr = [1, 2, 3];
console.log(arr instanceof Array) // true
console.log(arr instanceof Object);  // true
function fn(){}
console.log(fn instanceof Function)// true
console.log(fn instanceof Object)// true
  • 不能检测null 和 undefined

对于特殊的数据类型null和undefined,他们的所属类是Null和Undefined,但是浏览器把这两个类保护起来了,不允许我们在外面访问使用。

3.严格运算符===

只能用于判断null和undefined,因为这两种类型的值都是唯一的。

var a = null
typeof a // "object"
a === null // true

undefined 还可以用typeof来判断

var b = undefined;
typeof b === "undefined" // true
b === undefined // true

4.constructor

constructor作用和instanceof非常相似。但constructor检测 Object与instanceof不一样,还可以处理基本数据类型的检测。

var aa=[1,2];
console.log(aa.constructor===Array);//true
console.log(aa.constructor===RegExp);//false
console.log((1).constructor===Number);//true
var reg=/^$/;
console.log(reg.constructor===RegExp);//true
console.log(reg.constructor===Object);//false 

constructor 两大弊端:

  • null 和 undefined 是无效的对象,因此是不会有 constructor 存在的,这两种类型的数据需要通过其他方式来判断。

  • 函数的 constructor 是不稳定的,这个主要体现在把类的原型进行重写,在重写的过程中很有可能出现把之前的constructor给覆盖了,这样检测出来的结果就是不准确的

function Fn(){}
Fn.prototype = new Array()
var f = new Fn
console.log(f.constructor)//Array

5.Object.prototype.toString.call()

Object.prototype.toString.call() 最准确最常用的方式。首先获取Object原型上的toString方法,让方法执行,让toString方法中的this指向第一个参数的值。

关于toString重要补充说明:

  • 本意是转换为字符串,但是某些toString方法不仅仅是转换为字符串
  • 对于Number、String,Boolean,Array,RegExp、Date、Function原型上的toString方法都是把当前的数据类型转换为字符串的类型(它们的作用仅仅是用来转换为字符串的)
  • Object上的toString并不是用来转换为字符串的。

Object上的toString它的作用是返回当前方法执行的主体(方法中的this)所属类的详细信息即"[object Object]",其中第一个object代表当前实例是对象数据类型的(这个是固定死的),第二个Object代表的是this所属的类是Object。

Object.prototype.toString.call('') ;   // [object String]
Object.prototype.toString.call(1) ;    // [object Number]
Object.prototype.toString.call(true) ; // [object Boolean]
Object.prototype.toString.call(undefined) ; // [object Undefined]
Object.prototype.toString.call(null) ; // [object Null]
Object.prototype.toString.call(new Function()) ; // [object Function]
Object.prototype.toString.call(new Date()) ; // [object Date]
Object.prototype.toString.call([]) ; // [object Array]
Object.prototype.toString.call(new RegExp()) ; // [object RegExp]
Object.prototype.toString.call(new Error()) ; // [object Error]
Object.prototype.toString.call(document) ; // [object HTMLDocument]
Object.prototype.toString.call(window) ; //[object global] window是全局对象global的引用

如果觉得文章对你有些许帮助,欢迎在我的GitHub博客点赞和关注,感激不尽!

参考资料

【文章】[ JS 进阶 ] 基本类型 引用类型 简单赋值 对象引用(推荐)

JS判断数据类型的三种方法

JS中的数据类型及判断

Javascript 判断变量类型的陷阱 与 正确的处理方式

判断JS数据类型的四种方法

おすすめ

転載: www.cnblogs.com/zjx304/p/10252031.html