Typescript - console.log不显示对象属性
Typescript是一种开源的编程语言，它是JavaScript的超集，添加了静态类型检查和其他一些特性。在Typescript中，console.log()函数用于在控制台输出信息。然而，当我们尝试使用console.log()打印对象属性时，有时会遇到属性不显示的问题。
这个问题通常是由于console.log()函数在打印对象时，会显示对象的当前状态。但是，当我们在对象被修改之后立即打印它时，console.log()可能会显示对象的更新后的状态，而不是当前的状态。
为了解决这个问题，我们可以使用JSON.stringify()函数将对象转换为字符串，然后再打印它。这样做可以确保我们打印的是对象的当前状态，而不是更新后的状态。下面是一个示例代码：
const obj = { name: "John", age: 25 };
// 使用JSON.stringify()将对象转换为字符串
console.log(JSON.stringify(obj));这样，我们就可以在控制台中看到对象的所有属性。
Typescript相关产品和产品介绍链接地址：
- 腾讯云云开发：腾讯云云开发是一款面向开发者的一体化云原生应用开发平台，提供了云函数、数据库、存储、托管等功能，可帮助开发者快速构建和部署云端应用。
- 腾讯云云服务器CVM：腾讯云云服务器CVM是一种可弹性伸缩的云计算服务，提供了高性能、可靠稳定的虚拟服务器实例，适用于各种应用场景。
- 腾讯云云数据库MySQL版：腾讯云云数据库MySQL版是一种高性能、可扩展的关系型数据库服务，提供了稳定可靠的数据库存储和管理能力，适用于各种规模的应用程序。
请注意，以上仅为示例产品，实际使用时需要根据具体需求选择适合的腾讯云产品。
相关·内容
我有这个函数，它曾经在普通的javascript中工作。我现在正试着把它“转换”成Typescript。
function checkStatus(response :any) {
if (response.status >= 200 && response.status < 300) {
return response;
} else {
const error = new Error(`HTTP Error ${response.statusText}`);
error.status = response.statusText;
浏览 0提问于2018-01-30得票数 1
1回答
我正在努力为具有命名对象的数组定义类型。
以下是示例代码。
现在，我必须在typescript中定义s的类型
let s =[12,3,4]
s['data']={'x':0}
console.log(s) // [12,3,4,data:{'x':0}]
现在，如何为s定义type
有谁能带路吗？
浏览 0提问于2020-09-03得票数 0
我有一个简单的TypeScript类，我把它转到ES5，然后用webpack 2绑定，用UgilfyJS3最小化。
我希望UgilfyJS也会损坏函数名showGreeting() (参见下面的代码)，但在缩小的js文件中，它不是。还有其他选项可以设置为缩小函数名，或者我正在做一些工作吗？我知道变量名没有损坏，但是为什么不使用函数名呢？
下面是原始的TypeScript文件：
export class Greeter {
constructor(greeting: string) {
this.greeting = greeting;
}
greeti
浏览 1提问于2017-07-18得票数 2
回答已采纳
function f(): unknown {
return {abc: "ABC"};
}
const a = f();
if (a && a instanceof Object && a.hasOwnProperty("abc")) {
console.log(a.abc);
}
我有一个变量a，它最初是unknown类型(>= TypeScript 3.0)。我想在if语句中使用a的a属性，当a拥有该属性时。
但是，正如上面的VS代码屏幕截图所示，即使我在if条件下选中了TypeScrip
浏览 2提问于2019-06-08得票数 0
我使用的是vscode + typescript：
let o = {
a: 100
}
console.log(o.hasOwnProperty("a"));
如果创建了一个对象文字，我期望像hasOwnProperty()或toString()这样的方法会出现在智能感知预览中。但事实并非如此。
可以在Intellisense中显示这些方法吗？
浏览 32提问于2017-08-09得票数 0
回答已采纳
我正在尝试覆盖lit-element中的set属性。我正在使用Typescript，并在自定义元素中使用装饰器设置值，尽管当我尝试通过在index.html中设置不同的属性来覆盖该元素时，它不会覆盖...
当我点亮属性时，它只在console.log -element中设置了属性。
我在LitElement上使用mixinBehaviours、IronA11yKeysBehavior和GestureEventListeners。
当使用普通的javascript表示法时，该属性确实会被覆盖，尽管如果可能的话，我更喜欢保留装饰器。
// TypeScript file
class Carous
浏览 2提问于2018-12-21得票数 0
我正在使用带有typescript的node.js，我有一个问题 在强制转换对象时，可以移除接口中不存在的属性。 interface IFooReal {
prop1: string;
}
const objTMP = {prop1: 'foo001', prop2: 'foo002', prop3: 'foo003'};
cont barr = objTMP as IFooReal; //or do someting to remove properties no
浏览 38提问于2021-11-01得票数 0
我正在使用- tsc版本3.3.3333，试图学习typeScript，但是一个持续的错误不断显示出来。
即使我确保变量名是唯一的
let adasdasdasdasdasddf: string;
adasdasdasdasdasddf = "why error";
console.log(adasdasdasdasdasddf);
错误是：
如果我将"export{};"用于解决此问题，则浏览器中将显示另一个错误：
未定义的ReferenceError:导出未在typeS_1.js:2中定义
在不使用“导出{}”的情况下，是否有适当的方法解
浏览 0提问于2019-02-26得票数 1
回答已采纳
2回答
我试图在每个Headers中使用迭代器。
let done = false
while ( ! done ) {
let result = headers.entries()
if ( result.value ) {
console.log(`yaay`)
}
if ( result.done ) {
console.log(`finished`)
done = true
}
}
我收到TypeScript错误：
Property 'value' does not exist on t
浏览 4提问于2020-12-09得票数 1
我在TypeScript中遇到了一个问题，使用一种类型的对象可以通过析构赋值注入另一个使用完全不同类型的对象，而TypeScript没有显示任何错误。
一个例子是：
interface Pizza {
cookingTime: number;
size: "Small" | "Medium" | "Large";
}
interface Car {
modelName: string;
yearManufactured: number;
}
const produceMalformedPizza = (car:
浏览 2提问于2021-11-25得票数 3
回答已采纳
此接口是TypeScript文档中的一个示例。
编译器显示了height的一个错误，尽管它允许我设置它？
// Interface taken from https://www.typescriptlang.org/docs/handbook/interfaces.html
interface SquareConfig {
color?: string;
width?: number;
[propName: string]: any;
}
const sq = <SquareConfig>{
color: 'red',
wi
浏览 5提问于2016-09-29得票数 0
回答已采纳
我有一段从TypeScript编译到JavaScript的代码，我想用Google闭包编译器来缩小这些代码：
var api;
(function (api) {
function connect() {
console.log("connected!");
}
api.connect = connect;
})(api || (api = {}));
api.connect();
这是为了：
var a;
(function(b) {
b.connect = function() {
console.log("con
浏览 5提问于2017-02-01得票数 0
回答已采纳
1回答
在我的打字稿中，有一个在static中添加的方法。后来我试着打同样的电话。但出错了..。同时编译代码。我的密码有什么问题吗？任何人都可以帮助我理解static在typescript中的属性。
这是我的代码：
class Car {
private distanceRun: number = 0;
color: string;
constructor(public hybrid:boolean, color:string="red") {
this.color = color;
}
getGasConsumption(
浏览 0提问于2018-01-18得票数 0
回答已采纳
我是angular和typescript的新手，我有这个功能
onSetValues(user){ //user is an object
console.log(user);
}
上面的console.log返回表单的对象
role:"administrator"
status:10
tries:2
我想把它转换成一个数组，这样我就可以像这样遍历它们
for(var i=0; i<array.length; i++){
//do m stuff here
}
如何将其转换为
我已经在上查过了，但它在angular2/typescript中不提供帮助
浏览 0提问于2017-01-29得票数 5
回答已采纳
4回答
是否有一种方法可以使TypeScript编译器在调用函数时产生错误，该参数既可以是联合类型的情况，也可以是联合类型的情况？示例：
interface Name {
name: string
}
interface Email {
email: string
}
type NameOrEmail = Name | Email
function print(p: NameOrEmail) {
console.log(p)
}
print({name: 'alice'}) // Works
print({email: 'alice'}) // Wo
浏览 0提问于2018-02-13得票数 4
回答已采纳
1回答
我正在尝试用带有递归函数的typescript更改一个json值。我知道如何显示所有键或值，但我不知道如何确切地更改值。 我有这个json和这个代码： var json = {
"a" : "hello",
"b" : "bye",
"c" : {
"d" : "test1",
"e" : "test2"
},
"f" : {
"g"
浏览 12提问于2019-04-16得票数 2
回答已采纳
我想以编程的方式获得TypeScript枚举的名称。
说我有一个像这样的枚举：
enum MyEnum {
v1 = 'v1',
v2 = 'v2',
}
我想通过编程获得这个枚举的名称。我尝试了以下几点：
const enumType = MyEnum
console.log(enumType.constructor.name) // I expect this to return "MyEnum"
但它会显示"Object“。
有没有一种以编程方式获取TypeScript枚举名称的方法？
浏览 3提问于2020-01-20得票数 5
回答已采纳
我正在尝试使用react json模式表单提交表单。我需要访问事件对象才能访问e.preventDefault()。我对typescript非常陌生，似乎找不到使用typescript访问'event‘的方法。如果没有typescript，它就会变成这样。 const onSubmit = ({formData}, e) => console.log("Data submitted: ", formData);
ReactDOM.render((
<Form schema={schema}
onSubmit={onSubmit} /
浏览 62提问于2021-11-15得票数 0
我有这样的密码：
var x = {
x1: 5,
x2: 7
};
var y = {
...x,
_originalX2: x.x2,
get x2() {
console.log(this.x1);
return 9;
}
};
console.log(y.x2);
var z = {
...x,
_originalX2: x.x2
};
Object.defineProperty(z, 'x2', {
get: function() {
console.log(this.x1);
return
浏览 1提问于2020-03-26得票数 2
回答已采纳
我在TypeScript中有一个带有boolean属性的对象。当我将对象的值设置为false时，TypeScript假设它将保持为false (至少直到作用域结束)，尽管它可以被更改：
const object = { property: true }; // Type is { property: boolean }
object.property = false; // Type is now { property: false }
function setObjectPropertyTrue(object: { property: boolean }) {
object.pr
浏览 6提问于2021-08-07得票数 4
我正在用TypeScript 2.8.1处理角5的菜单。
我想添加类型来验证传入的配置，但是当我添加不正确的属性(例如undesirableData)时，什么都不会发生。
为什么TS不显示错误？
样本代码：
type MenuElement = MenuGroup | MenuItem;
interface MenuGroup {
id: number;
name: string;
icon?: string;
items: MenuItem[];
}
interface MenuItem {
id: number;
name: string
浏览 1提问于2018-04-18得票数 1
回答已采纳
我正在处理angular2 typescript项目，我只想在调用angular2()函数后将对象的键重置为'‘，示例如下
export class Events{
event:any={ name : '', date : '',.........};
eventOriginal=this.event;
save(){
//save(this.event)
//after save, reset value to initial state
this.event=this.eventO
浏览 1提问于2017-03-22得票数 0
如何将下面的Javascript转换成TypeScript？ function getProperties(obj) {
for (let key in obj) {
if (obj.hasOwnProperty(key)) {
console.log(obj[key]);
}
}
} 我找不到一个可行的解决方案。TypeScript中的对象键显然不是string类型，而是string literal type类型。有没有可能遍历编译时不知道确切类型的对象的属性？
浏览 17提问于2020-09-24得票数 0
回答已采纳
在我的TypeScript代码中，我发现了一个看似模糊的错误，这使我完全困惑，而搜索文档和互联网并没有找出原因。我在下面包含了一些虚拟代码，这些代码演示了我在实际项目中遇到的问题。在这个示例代码中，问题围绕着代码末尾的“动物”对象和后面的"for“循环。
对于末尾包含的完整代码，如果动物对象如下所示，则不存在TypeScript错误。
let current = "carnivores";
const animals = {
carnivores: [wildCarnivores, domesticCarnivores,],
herbivores: [wild
浏览 18提问于2022-09-28得票数 0
回答已采纳
给定类型记录代码片段：
class Excel {
Password: string;
Sheet: number;
}
class Csv {
Separator: string;
Encoding: string;
}
type FileType = Excel | Csv
let input = '{"Separator": ",", "Encoding": "UTF-8"}';
let output = Object.setPrototypeOf(JSON.parse
浏览 0提问于2018-07-27得票数 5
回答已采纳
4回答
因此，随着使用JavaScript的新框架的发展，许多人采用了ECMAScript 6 shim或TypeScript，并增加了许多新特性。我的问题是：
如何迭代ES6类的方法/属性？
例如(与对象)
var obj = {
prop: 'this is a property',
something: 256,
method: function() { console.log('you have invoked a method'); }
}
for (var key in obj) {
console.log(key);
}
// =>
浏览 2提问于2016-06-12得票数 18
回答已采纳
有没有可能创建一个typeguard，或者其他完成相同目的的东西，来检查一个变量是否是typescript联合中的特定接口类型？
interface Foo { a:string }
interface Bar { b:string }
(function() {
function doStuff(thing: Foo | Bar) {
if(typeof thing === 'Foo') {
console.log('Foo');
}
else if (typeof thing
浏览 20提问于2015-03-21得票数 13
回答已采纳
当字典值由联合类型的键分配时，即使使用最新的类型为@3.4.5和严格模式，TypeScript看起来也不健全。
这是一个众所周知的问题吗？有人能告诉我相关的错误报告吗？
tsconfig.json
{
"compilerOptions": {
"strict": true
}
}
test.ts
interface A {
a: number;
b: string;
}
interface B {
a: string;
b: number;
}
function someFunction(a: A, b: B, field:
浏览 0提问于2019-05-08得票数 1
回答已采纳
此时此刻，我正在尝试构建一个用户输入表单，用户需要在其中使用React & TypeScript中的Formik输入姓名、电子邮件和密码。 处理输入本身工作得很好，现在我想向输入表单添加验证功能，所以我编写了如下代码。 import { Formik, Form, Field, ErrorMessage } from 'formik';
validate(values: User){
let errors: User;
errors = values
if(!values.password){
errors.password
浏览 10提问于2020-07-07得票数 1
回答已采纳
在工作中，我们使用带有严格null检查的Typescript来帮助捕获由null/未定义变量引起的异常。然而，我们最近遇到了Typescript似乎遗漏的一个bug。下面的代码演示了这一点：
interface IMyObj {
foo: string;
}
const myArr: IMyObj[] = [];
const myObjProp = myArr[0].foo;
console.log(myObjProp);
Typescript将毫无问题地编译此代码，但在运行时，它显然会抛出一个类型错误：
Uncaught TypeError: Cannot read property
浏览 23提问于2019-02-06得票数 1
我试图在TypeScript中键入一个函数：
这里一切都很好
const myFunction_1 = (param1: number, param2: number): number => {
return param1 + param2;
};
const result_1 = myFunction_1(1, 2);
console.log(result_1);
这里显示了一个错误，因为没有返回：A function whose declared type is neither 'void' nor 'any' must return a v
浏览 0提问于2019-08-27得票数 0
回答已采纳
1回答
如何区分实例的类
、、
在Typescript中有没有办法判断一个对象是什么类实例？我指的是比“对象”更具体的东西。 如果你有这个： const x : MyClass = new MyClass();
console.log(typeof(x)); 你会得到： 'Object' 如果你这样做了： console.log(x instanceof MyClass); 你会得到： Uncaught ReferenceError: MyClass is not defined 我怎样才能让它打印出'MyClass'？
浏览 13提问于2019-03-06得票数 0
回答已采纳
使用typescript，显然可以有一个Array()类型的项，其中指定数组的索引作为ID，而我一直认为这只可能在Object()类型中。示例：
items: String[] = []
items["someid"] = new SomeClass()
console.log(items)
返回：
items:[someid: SomeClass]
虽然我喜欢这个想法，但是可以这样使用它吗？
浏览 0提问于2018-05-07得票数 3
在我的TypeScript项目中，可以通过以下方法来简化这种情况：
考虑以下类型的Type
type Type = {
a: number;
} | {
a: number;
b: number;
} | {
a: number;
b: number;
c: number;
};
我可以根据t类型定义Type常量：
const t: Type = {
a: 1,
c: 3
};
，它没有给我任何错误，！由于Type类型定义，我无法定义具有a和c属性的对象。但我可以。为什么？
此外，如果我访问c属性：
console.log(t.c);
它给了我一个转接错误说：
浏览 3提问于2022-08-18得票数 3
我正在将一个数组扩展到一个对象中，以扩展一些属性...我遇到的问题基本上是这样的：
const arr = [1, 2]
const obj = {...arr};
// TypeScript fails to catch this error
obj.forEach(v => console.log(v))
生成的obj将包含数组的键，例如'0'，'1'，以及数组的任何其他可枚举属性(例如，RegExp.prototype.exec数组将具有额外的可枚举属性index和input)
TypeScript仍然会将obj对象视为数组，并且智能感知/自动完
浏览 1提问于2020-08-07得票数 2
我需要遍历存储在“testmap”中的所有对象。
我试着只迭代“testmap”作为起点，但是当我这样做的时候，我似乎是在迭代字符串而不是map。因此，我不能访问其中的对象。
JSON
{"testmap1":
[{"name":"testObject1","boolean1":true,"boolean2":true,"boolean3":false,"otherString":"test"},
{"name":"testObject2&#
浏览 5提问于2019-07-23得票数 1
回答已采纳
我试图让下面的代码在TypeScript中编译和运行。
我不知道为什么funcMap会给我带来麻烦。如果我在纯JavaScript中尝试这一点，我会被告知this.funcMap.k1不是一个函数？
const obj = {
foo: function () { console.log("foo") },
bar: function () { console.log("bar") },
funcMap: {
k1: this.foo,
k2: this.bar
},
dump: function () {
th
浏览 4提问于2020-04-20得票数 2
回答已采纳
1回答
我正在阅读打字记录文档，并注意到以下内容。
TypeScript 2.4引入了“弱类型”的概念。任何只包含一组所有可选属性的类型都被认为是弱的.
在TypeScript 2.4中，当属性没有重叠时，向弱类型分配任何内容都是错误的。
但是，我可以将空对象{}分配给弱类型，编译器不会抛出任何错误。这是为什么，因为没有重叠的属性。
浏览 1提问于2020-10-28得票数 0
回答已采纳
我可以通过console.log访问redux中的信息。但是当我试图访问这些信息的某些部分时，我会得到一些类型错误。
const profile = useSelector(state => state);
console.log(profile); // Work's and print the info
console.log(profile.auth.token); // Does not work
TypeScript错误在/src/components/Header/index.tsx(17,24)：对象的类型‘未知’。
浏览 2提问于2019-07-25得票数 0
回答已采纳
4回答
我在typescript中添加了以下类
class Person {
private variable1;
public varibele2;
Person(){
this.variable1 = 'abc';
this.varibele2 = 'xyz';
}
public getVariable1(){
return this.variable1;
}
}
因此，当我使用tsc编译代码时，它会生成以下代码
var Person = (fun
浏览 3提问于2017-09-24得票数 2
我想知道函数参数中的{handleButton}：{handleButton:()=>void}是什么意思。它是typescript语法、es6语法还是其他语法？ const button = ({ handleButton }: { handleButton: () => void }) => (
<button onClick={handleButton}>
);
浏览 11提问于2019-02-25得票数 0
回答已采纳
通常，要确定TypeScript中的变量类型，我可以这样做： if (typeof payload === 'string') {
console.log(payload) // const payload: string
} 但是这个不起作用： if (typeof payload === 'object') {
console.log(payload) // const payload: any
} Here's typescript playground with some non-working examples I ended
浏览 22提问于2020-11-22得票数 0
回答已采纳
我还在学习打字的错综复杂。
在试图弄清楚时，我遇到了另一种情况，我不知道Typescript是如何解决的。
export type GenericType = {
[key: string]: {
prop1: string,
prop2?: string,
prop3?: number,
}
};
const GoodObj: GenericType = {
key1: {
prop1: "hi",
// prop5: "what", // Type '{ prop1: string;
浏览 3提问于2020-09-01得票数 0
在第二个控制台上，它显示了一些数据，但在第一个控制台日志中为空。如何解决此问题？
var Network_data = navigator.connection;
console.log(JSON.stringify(Network_data));
console.log(Network_data);
浏览 0提问于2019-01-25得票数 4
如何在typescript中获取子类的所有属性名称？我可以获取类中的所有属性名称，但它也提供了基类中的属性名称，这是我不需要的。
基类
class BaseTestClass {
public testVar: null = null;
}
子类
class TestClass extends BaseTestClass {
public longNameVar1: null = null;
public longNameVar2: null = null;
public longNameVar3: null = null;
public longNam
浏览 0提问于2019-10-04得票数 3
我尝试在阿波罗服务器&阿波罗客户端中使用pubsub。但订阅的数据仅为null。
客户端依赖性
"@apollo/react-hooks": "^3.1.5",
"apollo-boost": "^0.4.9",
"apollo-link-ws": "^1.0.20",
"graphql": "^15.0.0",
"react": "^16.13.1",
"react-dom": "^16.1
浏览 1提问于2020-06-06得票数 1
回答已采纳
有没有办法用Typescript实现这样的功能呢？ class Person {
public name: string;
constructor(data:any) {
this = Object.assign(this, data);
}
}
const p = new Person({name: "Daniel", "age": 30, "gender": "M"});
console.log(p.name) //Daniel
console.log(p.age) //undefined
浏览 21提问于2019-04-02得票数 0
如何在ES5代码中使用Angular2提供的HTTP服务？是TypeScript的例子。
我基本上需要GET和POST请求的示例。
显示的示例不起作用。get似乎是未定义的。
下面是一个不起作用的例子：
var SearchResultComponent = ng.core.Component({
selector: "search-result",
viewProviders: [ng.http.HTTP_PROVIDERS],
templateUrl: "componentTemplates/SearchRes
浏览 0提问于2016-05-09得票数 1
给定以下代码片段
let x = {
name: 'John',
age: 30
}
interface Employee {
name:string,
}
let y:Employee = <Employee>x;
console.log(y); //y still have the age property, why
为什么typescript会忽略这个类型转换，有没有其他的解决方案来只获取这些接口属性？
浏览 0提问于2018-03-13得票数 0
TypeScript允许为可以包含任何属性的对象定义接口：
interface NumberHash {
[key: string]: number;
}
let numbers: NumberHash = {
zero: 0,
one: 1,
pi: 3.14
};
当从这样一个对象查找属性时，它们会像预期的那样以number的形式返回。
let key = 'pi';
let pi = numbers[key];
console.log(pi.toFixed(1)); // all is well
但是，在查找未知属性时，它们仍然作为n
浏览 1提问于2018-02-09得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
