JavaScript_javascript スキルにおける、instanceof 演算子と typeof 演算子の使用法と違いの詳細な分析

JavaScript の Instanceof と typeof は、変数 (インスタンス) の型を決定するためによく使用されますが、その使用法は依然として異なります。

typeof 演算子
は、式のデータ型を表す文字列を返します。

式のタイプ ;

expression パラメーターは、型情報を見つける必要がある任意の式です。

説明
typeof は、オペランドの前に置かれる単項演算子です。

typeof 演算子は、型情報を文字列として返します。 typeof の戻り値としては、「number」、「string」、「boolean」、「object」、「function」、「unknown」の 6 つがあります。

(ECMAScript には、未定義、Null、Boolean、Number、String という 5 つのプリミティブ型があります。)

注:

1. 上記で ECMAScript の 5 つのプリミティブ型について説明しましたが、typeof 演算子を使用する場合は、「オブジェクトの型」と「オブジェクトの値」(リテラル値) の違いを明確に区別する必要があります。たとえば、Boolean オブジェクトは Boolean プリミティブ型の参照型であり、true と false が Boolean オブジェクトの 2 つの可能なオブジェクト値です。 ECMAScript の事前定義オブジェクト (他の言語のクラスとは対照的に) は、対応する型のプリミティブ値のカプセル化 (またはラッパー) として考えることができます。 ECMAScript のすべての定義済みオブジェクトは、Object オブジェクトを継承します。したがって、次の状況が存在します:

コードをコピー コードは次のとおりです:

var testvar = new Number(68 );
alert(typeof testvar) //「object」を出力
testvar= 68;
alert(typeof testvar); //「number」を出力

別の例:

コードをコピー コードは次のとおりです。

function Person( ){}
document.write ("
typeof(person):" typeof(person)); //function
var person = new Person();
document.write ("typeof(person): " typeof(person)); //オブジェクト

注意：从传统意义上来说，ECMAScript 并不真正具有类。事实上，除了说明不存在类，在 ECMA-262 中根本没有出现“类”这个词。ECMAScript 定义了“对象定义”，逻辑上等价于其他程序设计语言中的类。

另外：这些预定义对象覆盖了Object 对象的 ValueOf() 方法，返回其原始值。而这些对象的所有属性和方法都可应用于相应类型的原始值上，因为它们是伪对象。

2、typeof 运算符对于 null 值会返回 "Object"。这实际上是 JavaScript 最初实现中的一个错误，然后被 ECMAScript 沿用了。现在，null 被认为是对象的占位符，从而解释了这一矛盾，但从技术上来说，它仍然是原始值。

提示：

1、值 undefined 并不同于未定义的值。但是，typeof 运算符并不真正区分这两种值。考虑下面的代码：

var oTemp;
alert(typeof oTemp);  //输出 "undefined"
alert(typeof oTemp2);  //输出 "undefined"

前面的代码对两个变量输出的都是 "undefined"，即使只有变量 oTemp2 从未被声明过。如果对 oTemp2 使用除 typeof 之外的其他运算符的话，会引起错误，因为其他运算符只能用于已声明的变量上。

2、当函数无明确返回值时，返回的也是值 "undefined"，如下所示：

function testFunc() {}
alert(testFunc() == undefined);  //输出 "true"3、类型Null，它只有一个专用值 null，即它的字面量。值 undefined 实际上是从值 null 派生来的，因此 ECMAScript 把它们定义为相等的。

alert(null == undefined);  //输出 "true"
尽管这两个值相等，但它们的含义不同：

undefined 是声明了变量但未对其初始化时赋予该变量的值 或 未声明过的变量（只能用于typeof，但作为赋值目标时编译器会自动将其声明为全局变量）。

null 则用于表示尚未存在的对象（即对象为空，或对象找不到）。如果函数或方法要返回的是对象，那么找不到该对象时，返回的通常是 null。

3、我们可以使用 typeof 来获取一个变量是否存在，如 if(typeof a!="undefined"){alert("ok")}，而不要去使用 if(a) 因为如果 a 不存在（未声明）则会出错。

对于 Array,Null 等特殊对象使用 typeof 一律返回 object，这正是 typeof 的局限性。如果我们希望获取一个对象是否是数组，或判断某个变量是否是某个对象的实例则要选择使用instanceof。

instanceof 运算符
在使用 typeof 运算符时采用引用类型存储值会出现一个问题，无论引用的是什么类型的对象，它都返回 "object"。ECMAScript 引入了另一个 Java 运算符 instanceof 来解决这个问题。

instanceof 运算符与 typeof 运算符相似，用于识别正在处理的对象的类型。与 typeof 方法不同的是，instanceof 方法要求开发者明确地确认对象为某特定类型。例如：

var oStringObject = new String("hello world");
alert(oStringObject instanceof String); //输出 "true"
这段代码问的是“变量 oStringObject 是否为 String 对象的实例？”oStringObject 的确是 String 对象的实例，因此结果是 "true"。尽管不像 typeof 方法那样灵活，但是在 typeof 方法返回 "object" 的情况下，instanceof 方法还是很有用的。

instanceof运算符

是一个二元运算符。返回一个 Boolean 值，指出对象是否是特定类的一个实例。

expression  instanceof class

参数

 expression  必选项。任意对象表达式。

 class　　必选项。任意已定义的对象类。

说明
如果 object 是 class 的一个实例，则 instanceof 运算符返回 true 。如果 object不是指定类的一个实例，或者 object 是 null ，则返回 false 。

用于判断一个变量是否某个对象的实例，

如var a=new Array();alert(a instanceof Array);会返回true，同时alert(a instanceof Object)也会返回true;这是因为Array是object的子类。

再如：function test(){};var a=new test();alert(a instanceof test)会返回true。

注意：

关于function 的 arguments，我们大家也许都认为 arguments 是一个 Array，但如果使用 instaceof 去测试会发现 arguments 不是一个 Array 对象，尽管看起来很像。

此外还有类似的情况，例如：

var a=new Array();if (オブジェクトのインスタンス)alert('Y');else warning('N');

しかし、if (オブジェクトのウィンドウインスタンス)alert('Y');elsealert('N'); 'N' を取得しました

つまり、ここで instanceof によってテストされるオブジェクトは、dom モデル オブジェクトではなく、js 構文のオブジェクトを指します。

現時点で typeof を使用する場合、いくつかの違いがあります:alert(typeof(window)) はオブジェクトを取得します

拡張: JavaScript の instanceof 演算子の原理は何ですか?

js を学習しているときに、js 内のインスタンスが特定の型に属するかどうかを判断するときに、関数 Person(){} などの instanceof 演算子を使用できることを学びました{}

var person = new Person();alert(person instanceof Person);//true を返す

それでは、instanceof オペレーションの実行時にどのような判断が行われ、true/false が返されたのでしょうか?

もしかして、 person.prototype と person の内部ポインタ [[prototype]] の参照が同じかどうかを判定して結果が得られているのでしょうか？

実際、コンストラクターのプロトタイプ属性が指すプロトタイプ・オブジェクトがインスタンスの「プロトタイプ・オブジェクト・チェーン」内で見つかる場合は、true が返されます。

プロトタイプはインスタンスの属性ではありません (またはインスタンスのプロトタイプ属性が定義されていません)。プロトタイプ オブジェクト内の属性が改ざんされている場合、この判定メソッドは正しく返されません。

また、person.constructor == person を直接判定して望む結果を得ることができるのでしょうか？

次の JavaScript コードをテストしてみましょう:

コードをコピーします コードは次のとおりです:

function person(name,sex){this.name=name;this.sex=sex;}

document.write ("
typeof Person:" typeof Person);
document .write ("
typeof Person.prototype:" typeof Person.prototype);
document.write ("
typeof Person.constructor:" typeof Person.constructor);

var person = new Person();document.write ("
gt;
var person = new Person();");

document.write ("
typeof person:" typeof person);
document.write ("
typeof person.prototype:" typeof person.prototype);
document.write ("
typeof person.constructor:" person.constructor のタイプ);

document.write ("
gt;
Function.constructor:" Function.constructor);

document.write ("
gt;
Function.prototype:" Function.prototype );

document.write ("

person.constructor:" Person.constructor);

document.write ("

person.prototype:" person.prototype );

document.write ("
gt;
person.constructor:" person.constructor);

document.write ("
gt;
person.prototype:" person.prototype);

出力は次のとおりです:

人物の型:関数

人物.プロトタイプの型:オブジェクト

人物.コンストラクターの型:関数

var person = new パーソン();

人の型:オブジェクト

人の型.プロトタイプ:未定義
人の型.コンストラクター:関数

Function.constructor:function Function() { [ネイティブ コード] }

Function.prototype:function Empty() {}

person.constructor:function Function() { [ネイティブ コード] }

person.prototype:[object オブジェクト]

person.constructor:function person(name,sex){this.name=name;this.sex=sex;}

person.prototype:unknown

Number() は Function と同様に Number オブジェクトのコンストラクターであり、パラメータを数値型に変換して変換結果を返します (変換できない場合は NaN を返します)。

Constructor は JavaScript ではあまり使用されません。variable.constructor は、そのオブジェクト クラスのコンストラクターの文字列表現を返します。

JavaScript でデータ型を判断する場合、次のメソッドを使用して詳細なデータ型を取得できます。

if((typeof a=="object") && (a.constructor==Array)){

…

}

注: コンストラクターは既存の変数のみを判断できますが、typeof は未宣言の変数または空のオブジェクト (未定義を返す) を判断できます。