js中关于字符串的创建和判断类型

文章目录

创建方法
判断类型的技巧
- 区分
- - 1、typeof
  - 2、instanceof
- 共点
- - 1、Object.prototype.toString.call
  - 2、库函数

参考链接：JS字符串的创建和常用方法
如何判断JS中一个变量是 string 类型

创建方法

字符串有着两种的创建方法，一个是使用构造函数，一个是使用字面量。
如果是创建空字符串，则可以使用上面两种方法：

var str1=new String("");//构造函数
var str2="";//字面量
console.log("str1:",str1);
console.log("str2:",str2);

在这里插入图片描述

或许你还没有感受到两种方式的差别，但无妨。
构造函数构建的变量是引用类型的对象类型，字面量方式构建的变量是值类型的基本类型（String）

var str1=new String("");//构造函数
var str2="";//字面量
console.log("typeof str1:",typeof str1);
console.log("typeof str2:",typeof str2);

从结果上，可以很清楚地看见两种变量类型上的差别，

在这里插入图片描述
但是，由于我还没有进一步感受它们在使用上的细微差别，我只用到了判断类型上的技巧。

判断类型的技巧

区分

1、typeof

上文提到的typeof能够将这两种方式，区分开来，但是又不太足够。它没有将使用String构造函数构建的对象和其他构造函数创建的对象（如Set）区分开来。

2、instanceof

var str1=new String("");//构造函数
var str2="";//字面量
console.log("str1 instanceof String:",str1 instanceof String);
console.log("str2 instanceof String:",str2 instanceof String);

在这里插入图片描述
使用构造函数String创建的变量str1返回的是true，str2只是普通类型，连对象都不是，自然返回了false。由此就可以区分开来，还能将str1和其他的对象区分开来（毕竟不同构造函数创建的对象对应的构造函数都有所不同）。

共点

1、Object.prototype.toString.call

var str1=new String("");//构造函数
var str2="";//字面量
var num=123;
console.log("Object.prototype.toString.call(str1) === [object String];:",Object.prototype.toString.call(str1) === "[object String]");
console.log("Object.prototype.toString.call(str2) === [object String];:",Object.prototype.toString.call(str2) === "[object String]");
console.log("Object.prototype.toString.call(num) === [object String];:",Object.prototype.toString.call(num) === "[object String]");