乐趣区

关于前端:TSobject类型

object是一个对象,在 ts 中定义对象类型的语法为:let 变量名:object = {}
在 object 类型中,对象外部定义的值是不受类型束缚的,只有是一个 object 类型即可,例如:

let obj : object = {
    name : '艺术概论',  // 字符串
    price : 999   // 数字
}
console.log(obj);   // {name: '艺术概论', price: 999}

object 类型在函数中的应用

// 定义一个函数,参数是 object 类型,返回值也是 object 类型
function getObj (obj:object) : object {console.log(obj);
    return {
        name : '东方不败',
        age : 100
    }
}

定义 object 类型,传入的值必须是 object 类型,否则会报错

console.log(getObj({name : '孙悟空',age : 1000}));  // 正确
// console.log(getObj(123)); // 谬误的

某些办法实质是一个对象,所以也能够传入,比方 new String

console.log(getObj(new String('艺术概论')));  // 正确

打印 console.log(new String) 的话能够看到 string是一个对象


#### new String 为什么是一个对象?

通常定义字符串的办法有这些

let str = '东方不败'  // 字符串
let str2 = String('东方不败')  // 字符串
let str3 = new String('东方不败')  // 对象 String{}

前两种办法是根底类型的,str为间接定义根底字符串类型,str2String 办法转换值为字符串,实质还是一个根底类型字符串,str3则为对象,为了验证后果,对这几个变量进行类型检测

// 检测类型
console.log(typeof str);  // string
console.log(typeof str2);  // string
console.log(typeof str3);  // object

对象类型是能够间接 obj.xxx = xxx 来新增属性的

// str.name = '西方求败'   // 报错  字符串无奈 .name
// str2.name = '西方求败'  // 报错  字符串无奈 .name
str3.name = '西方求败'   // 胜利

str3打印的后果

js 中变量存储有两种形式

1、根底类型存储 : String , Boolean , Number , Undefined , Null
2、援用类型存储 : Object(Array,Date,RegExp,Function)

  • js的定义的变量都是保留在堆和栈中的
  • 根底类型保留在栈内存中,值与值之间独立存在,互补烦扰,因而不存在批改了一个变量导致原始变量值产生扭转的问题。
  • 对象类型保留在堆中,创建对象会在堆内存中开拓一个新空间,变量保留的是对象的内存地址,而不是保留的值,也就是栈(变量)中存的是堆的指针,如果两个变量保留的是同一个地址,那么他们的指针指向的是同一个,所以通过 a 变量批改属性时,b变量也会受到影响。
  • 两个根底类型的数据比拟时,比拟的是值。
  • 两个援用类型的数据比拟时,比拟的是内存地址,如果两个变量截然不同,然而内存地址不同,也会返回false

在此处 str3 中,new String() 实际上是创立了一个新的对象,将值存到了实例对象的堆中,所以咱们能够给 str3 增加属性。


案例源码:https://gitee.com/wang_fan_w/ts-seminar

如果感觉这篇文章对你有帮忙,欢送点亮 star

退出移动版