【TS】object类型

简介: 【TS】object类型

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

目录
相关文章
|
27天前
|
Python
通过 type 和 object 之间的关联,进一步分析类型对象
通过 type 和 object 之间的关联,进一步分析类型对象
51 3
|
4月前
|
SQL 安全 Java
Android经典面试题之Kotlin中object关键字实现的是什么类型的单例模式?原理是什么?怎么实现双重检验锁单例模式?
Kotlin 单例模式概览 在 Kotlin 中,`object` 关键字轻松实现单例,提供线程安全的“饿汉式”单例。例如: 要延迟初始化,可使用 `companion object` 和 `lazy` 委托: 对于参数化的线程安全单例,结合 `@Volatile` 和 `synchronized`
51 6
|
5月前
|
Java
Object当中的object类型
Object当中的object类型
【TS】关于v-for数组对象遍历以及在页面上使用提示object类型的问题解决
【TS】关于v-for数组对象遍历以及在页面上使用提示object类型的问题解决
173 0
|
6月前
|
Java 数据库
Java【问题记录 04】时间戳类型字符串{Timestamp@15601}2021-07-14 18:56:53.0变成带T的Object类型2021-07-14T10:56:53.000+0000
Java【问题记录 04】时间戳类型字符串{Timestamp@15601}2021-07-14 18:56:53.0变成带T的Object类型2021-07-14T10:56:53.000+0000
46 0
|
JavaScript 编译器
TypeScript-never和object类型、类型断言概述
TypeScript-never和object类型、类型断言概述
56 0
|
JavaScript
ES6对String字符串、Array数组、Number数字、Object对象 类型做了哪些升级优化
ES6对String字符串、Array数组、Number数字、Object对象 类型做了哪些升级优化
106 0
|
缓存 算法 C#
【C#本质论 十】合式类型(一)重写Object成员及操作符重载(下)
【C#本质论 十】合式类型(一)重写Object成员及操作符重载(下)
99 0
|
缓存 算法 编译器
【C#本质论 十】合式类型(一)重写Object成员及操作符重载(上)
【C#本质论 十】合式类型(一)重写Object成员及操作符重载(上)
77 0
|
JavaScript 前端开发 开发者
带你读书之“红宝书”:第三章 语法基础(中)之 数据类型中部分 Object 类型
带你读书之“红宝书”:第三章 语法基础(中)之 数据类型中部分 Object 类型
88 0
带你读书之“红宝书”:第三章 语法基础(中)之 数据类型中部分 Object 类型