angular2（准确说是typescript）打印调试信息到控制台

最新推荐文章于 2023-12-10 22:09:54 发布
原创 最新推荐文章于 2023-12-10 22:09:54 发布 · 7.3k 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
收录于
js angular2 vue

当前文章被收录于：

js angular2 vue
2 篇文章 0 人学习
订阅专栏 查看详情
本文介绍如何在 TypeScript 中使用 console.log() 方法输出字符串，包括如何利用模板字符串功能进行属性值的输出，并通过示例展示其与 C# 语法的相似之处。

typescript 同样用console.log()来向控制台打印字符串信息,不过由于这种语言特性，输出属性值的语法不能使用“+”运算符，

它与c#语法更相似。

正确的方法是将字符串置于反单引号（字符1左边那个按键）里，属性值置于${} 中。怎么说也不如举个例子（^^）:

console.log(`contact by edited id is ${this.contact_id}`);

是不是很简单，和c#语法很像，毕竟是c#之父的作品。^^_^^

标签
#ts  angular2
ts如何使用终端直接输出console（基础教程）
qq_44472790的博客
12-14 6247
安装 typescript npm install -g typescript 安装 ts-node npm install -g ts-node 新建一个ts文件，比如：demo.ts function add(n1:number,n2:number):number{ return n1+n2; } console.log( add(88,11)) 将终端路径切到当前demo.ts所在的根目录下 执行 ts-node demo.ts 控制台输出结果： 99 ...
干货 | 在Angular2中像Log4j一样管理日志
中兴开发者社区
03-07 1879
点击上方“中兴开发者社区”，关注我们每天读一篇一线开发者原创好文开篇前端开发人员在编码过程中，会经常使用console命令取代原始的alert()，将日志信息输出到控制台中，便于调试代码，跟踪业务流程。console的命令非常多，功能强大，日志内容丰富，更不会像alert()那样阻塞页面操作。所以非常受欢迎，在代码中的使用率非常高。中开社的技术论坛里也有很多前辈和大牛介绍了其相关用法。然而世界是繁
浏览器控制台花式打印 typescript全局注入
宏斌的博客
10-30 591
typescript 控制台花式打印。
TypeScript 在VScode运行ts文件
m0_59143340的博客
12-05 283
1.在控制台先同步js文件，输入 tsc 文件名.ts；1.直接同步，输入 ts-node 文件名.ts。2.运行js文件，输入 node 文件名.js。
TS实现控制台实时快照日志的EventBus npm库
前端小七的博客
04-24 470
轻量级的事件监控处理器，支持cmj、esm、umd 模块。通过使用它，你可以轻松地注册和触发事件。同时，你可以在控制台中实时观察事件处理程序执行的快照信息，从而对一些复杂场景的问题进行定位。
vscode打印ts文件输出
温小鹿的博客
01-08 1959
1、全局安装ts包 cnpm i typescript ts-node @types/node@* -g 2、下载vs中的Code Runner插件,然后点击右上角的运行,就会有输出
TypeScript 之 console的使用
鹤九日的博客
12-10 2287
控制台console的使用
TypeScript 入门(基本语法+简单使用) 一
weixin_49346957的博客
06-29 870
什么是TypeScript TS并不是替代了JS ，而是以Javascript为基础构建的语言 TS是一个JS的超集（也就是扩展）为js添加了类型系统 他可以在任何支持JS的平台中使用 注意：TS不能被JS解析器直接执行 eg：xxx.ts他不可以直接运行， 他需要先编译成js才可以执行 相比js TS开发更友好，可以提前发现错误BUG更少，提高开发效率 使用环境搭建： TS因为是要转为JS的所以要安装一个TS转换器 TS转换器基于node.js 所以你要先安装node.
【TypeScript基础】TypeScript之常用类型（下）
xuxuii的博客
08-31 3060
**前言** >博主主页👉🏻[蜡笔雏田学代码](https://blog.csdn.net/xuxuii?spm=1011.2415.3001.5343) >专栏链接👉🏻[【TypeScript专栏】](https://blog.csdn.net/xuxuii/category_11979920.html) >上篇文章讲解了TypeScript的一些常用类型，👉🏻详细内容请阅读[【TypeScript基础】TypeScript之常用类型（上）](https://blog.csdn.net/xux...
TypeScript的特性
guochan502的博客
10-11 1342
什么是TypeScript 从 TypeScript 的名字就可以看出来，「类型」是其最核心的特性。 我们知道，JavaScript 是一门非常灵活的编程语言： 它没有类型约束，一个变量可能初始化时是字符串，过一会儿又被赋值为数字。 由于隐式类型转换的存在，有的变量的类型很难在运行前就确定。 基于原型的面向对象编程，使得原型上的属性或方法可以在运行时被修改。 函数是 JavaScript 中的一等公民[2]，可以赋值给变量，也可以当作参数或返回值。 这种灵活性就像一把双刃剑，一方面使得 Ja..
ts中的函数
weixin_小白鼠的博客
02-19 963
ts中的函数（学习笔记） 基本使用 function add(a1: string, a2: string): string { return a1 + a2; } const add2 = function (num1: number, num2: number): number { return num1 + num2; }; // ts中函数的完整写法 const add3: (num1: number, num2: number) => number
vue3+ts简单版打印功能
budai_bb的博客
04-12 1649
1、定义一个pdfprint组件 <template> <div id="panel" style="height: 0;overflow: hidden;"> <p>{{info.boxesNum}}</p> <p>{{info.code}}</p> <p>{{info.postalCode}}</p> <p>{{info.orderNo}}</p> </d
TS(TypeScript)语法快速入门
热门推荐
Mr_DO的专栏
11-29 2万+
namespace Test{//命名空间 interface ITsInterface{//接口 interfaceFunction(); } class TsFather{//类 //构造函数 constructor(){ } public test(){ } } //extends-继承 //implements-继承接口 class TsRuleEx...
TypeScript打印日志
icebergliu1234的博客
11-29 7608
console.log("NativeScript Playground!"); console.log({ objProp: "I am Object!" }); console.info("NativeScript Rocks!"); console.warn("Low memory"); console.error("Uncaught Application Exception");...
如何在TypeScript中命令行输出带颜色
xerysherryx的博客
01-11 3707
TypeScript 命令行输出颜色库 如何获得？ 首先，可以使用npm安装 npm install colors.ts 或者git克隆它 git clone https://github.com/xerysherry/colors.ts.git 或者在https://github.com/xerysherry/colors.ts这里下载它 如果你克隆或者下载，那么就需要
Web前端日志打印工具
星辰大海-H的博客
03-24 3818
游览器控制台日志打印工具 测试需要前端将程序执行过程中的各种数据分门别类的输出到控制台。直接用JavaScript的console系列函数并不能很好的满足要求，需要将他们封装一下。 ConsoleLog是一个class类，使用前需要实例化，每个ConsoleLog之间是相互独立的，打印日志时互不干扰。 要将日志进行分组打印，需要先调用startLog，分组结束后在调用endLog，之后整个分组内容就会作为一个整体被打印到调试控制台。当然如果因为throw Error等导致了没有成功调用endLog，内部也
TypeScript简介
weixin_55696461的博客
08-13 595
一: TypeScript 简述 1: 什么是TypeScript ? Typescript 不是一门全新的语言, 它相当于是 JavaScript 的超集, 对 js 进行了一些规范和补充, 2: 为什么要使用 TypeScript js 只会在运行时去做数据类型检查, 而 ts 作为静态类型语言, 其数据类型是在编译期间确定的, 编写代码的时候, 要明确变量的数据类型, 使用 ts 后, 就不会出现因为数据类型错误导致的代码运行异常 3: 安装 TypeSc...
【TypeScript】从零开始玩转typescript - typescript入门
lixiaosenlin的专栏
11-07 2244
前言 小伙伴们大家好。从今天开始我们将从零开始系统的学习一些TypeScript相关的知识。相信小伙伴们或多或少应该也都听说过这玩意了，那么这家伙是干嘛的呢，已经有JavaScript了为什么又要搞出个TypeScript，接下来就为大家一一揭晓。 TypeScript TypeScript是个啥，它跟JavaScript又有啥区别？ TypeScript是由微软团队开发的一种开源、自由的编程语言。 TypeScript是JavaScript的一个超集，支持ES6的所有标准。 TypeScript是
angularJS1 log打印日志
xiejunna的博客
12-22 4831
示例如下：<!doctype html> <html> <head> <meta charset="utf-8"> <title>form demo</title> <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, us
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值