js中定义字符串的三种方法

今天遇到一道面试题,如下:

复制代码
        function showCase(value) {
            switch (value) {
                case 'A':
                    console.log("A");
                    break;
                case 'B':
                    console.log("B");
                    break;
                case undefined:
                    console.log("undefined");
                    break;
                default:
                    console.log("do not konw")

            }
        }
    showCase(new String('A')) // do not konw
       console.log(new String('A') === 'A') //false
       showCase('A') //A
       console.log(new String('A') == 'A') //true
复制代码

涉及知识点有两个:

(1)js中定义字符串的三种方法区别

  三种方法如下:

var str = 'ABC';
var str1 = String('ABC');
var str2 = new String('ABC');

  经过比较测试发现:

复制代码
console.log(str == str1) //true
console.log(str == str2) //true
console.log(str1 == str2) //true
 
console.log(str === str1) //true
console.log(str === str2) //false
console.log(str1 === str2) //false
 
//typeof 判断对象是什么类型的实例,返回值为说明运算数类型的字符串。
//返回值结果:“number”、“string”、“boolean”、“object”、“function”、“undefined”
console.log(typeof str) //string
console.log(typeof str1) // string
console.log(typeof str2) //object
 
//instanceof 判断对象的类型,通过判断对象的原型链中能否找到类型的 prototype
//只能用来判断两个对象是否属于实例关系, 而不能判断一个对象实例具体属于哪种类型
console.log(str instanceof String) //false
console.log(str1 instanceof String) //false
console.log(str2 instanceof String) //true
复制代码

三者的区别在于使用new定义的字符串其类型是object对象。

我们都知道js中类型分为基本类型:Boolean、Number、String、Null、Undefined、symbol(es6)和引用类型:Object。

基本类型是存储在栈(stack)内存中的,数据大小确定,内存空间大小可以分配。

引用类型是存储在堆(heap)内存中的,并在栈中存储指向堆的地址。

因此前两种方式定义的是存储在栈中且值相等,而第三种方法定义的只是栈中的指针。

  扩展知识:原始类型与包装对象

    在js中number、string、boolean三者属于原始类型,它们都存在支持构造函数且可用于初始化原始值的包装对象new Number()、new String()、new Boolean()。

    我们会看到这种代码:

console.log(str.length) // 3
str.say = 'hello'
console.log(str.say) //undefined

    为什么可以像对象一般直接访问原始类型str的length属性呢?

      这是因为当用到某个原始值的方法或属性时,后台会自动创建相应的原始包装类型的对象,从而暴露出操作原始值的各种方法,当用完时销毁。

    而为什么不能为其添加方法或属性呢?

      因为包装对象的生命周期只存在于访问它的那行代码执行期间,上方代码第一行调用length对象会创建一次包装对象,第二行也会创建一次包装对象并为其赋予say属性,第三行也会创建一次包装对象,这三行的对象是不同的,且在当行执行完后就被销毁,因此不能在运行期间给原始值添加属性或方法。相比于此,使用new关键字实例化引用类型的生命周期会在离开作用域时被销毁。

    综上:包装对象也是对象,从而得到打印三种类型分别为:string(原始类型) , string(原始类型) , object(包装对象).

(2)switch case的判断是全等(===)判断。

    全等要满足:1、引用类型:指向同一个对象(同一个地址)。
          2、基本类型:类型必须相同,值必须相等。

 

posted on   HHH_B  阅读(2641)  评论(0编辑  收藏  举报

编辑推荐:
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 25岁的心里话
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示