在javascript和typescript中的方法中Console.log(‘${this.name}在跑~~~~’)；中的${this.name}被当做字符串进行解析了

最新推荐文章于 2023-12-10 22:09:54 发布
最新推荐文章于 2023-12-10 22:09:54 发布
阅读量296 收藏 1
点赞数
文章标签： typescript javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45425616/article/details/115358431
版权

这里是模板字符串的知识，应该用反引号把${this.name}框起来,不能用单引号，这样就会正常输出了

帅气又高冷的表面~有一个憨憨的灵魂
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在Vue组件中使用 TypeScript的方法
08-27
在Vue组件中，可以使用TypeScript定义属性、方法和状态。例如，一个基本的Vue组件可能会像下面这样： ```typescript // MyComponent.vue <h1>{{ message }} import Vue from 'vue'; interface ...
ES6 - 初步了解类
秦兟
02-09 143
类的基本语法 什么是类 类，作为创建对象的模板，通过 class 关键字，来定义 其实更像是将 构造函数 / 原型 集中在一起 全部表达出来 constructor 就好比构造函数 类写法 注意： class关键字来声明 constructor必须写，不写会自动生成空白的 constructor constructor 中 this 指向调用对象，实例化的对象 指代的可以是整个class类 ...
console.log() 的小技巧
Hannaaa的博客
11-04 8113
众所周知，我们开发项目通常会使用前端框架，前端调试变得更加有难度，除了用一些插件以外，使用console.log()是最多的。console.log()为我们提供了很多打印的方法，下面是一些console对象包含的方法： 一、基本打印 1.console.log() console.log()就是最最基本和常用的用法。它可以再JavaScript代码的任何地方，这样就可以在浏览器的控制台中看到打印信息。基本使用方法如下： let name = "HHHHH"; let age = 18; cons
掌握 JavaScript 关键词 -- this
不积跬步，无以至千里；不积小流，无以成江海。
06-19 298
掌握 JavaScript 关键词 -- this ---原文地址：https://www.thecodingdelight.com/javascript-this/#ftoc-heading-2 要说 JavaScript 这门语言最容易让人困惑的知识点，this关键词肯定算一个。JavaScript 语言面世多年，一直在进化完善，现在在服务器上还可以通过 node.js 来跑 JavaScript。显然，这门语言还会活很久。 所以说，我一直相信，如果你是一个 JavaScript 开发者或者说 .
Javascript中this关键字详解
zhaowei705523962的专栏
11-13 1143
Quiz 请看下面的代码，最后alert出来的是什么呢？ 1 var name = "Bob"; 2 var nameObj ={ 3 name : "Tom", 4 showName : function(){ 5 alert(this.name); 6 }, 7 waitShowName : fu
jquery中this与$(this)的用法区别.和于js中的this区别
u012889638的专栏
05-25 1万+
jquery中this与$(this)的用法区别.先看以下代码: $("#textbox").hover( function() { this.title = "Test"; }, fucntion() { this.title = "OK”; } ); 这里的this其实是一个Html 元素(textbox)，textbox有text属性，所以这样写是完全没有什么问题的。 但是如果将this
最全TypeScript中文入门指南详解案例教程.zip
10-08
TypeScript是一种由微软开发的强类型、静态类型的编程语言，它是JavaScript的一个超集，旨在提供更安全、可维护和大规模的代码基础。本教程将深入介绍TypeScript的基础知识，包括其语法特性、类型系统、接口、类、...
node-express-typescript：学习如何在节点中使用typescript和express
02-23
在Node.js环境中构建Web应用程序时，Express框架是一个非常流行的选项，它提供了强大的功能和灵活性。而TypeScript，作为JavaScript的超集，引入了静态类型和其他强健的开发工具，能够帮助开发者编写更安全、可维护...
【JavaScript源代码】如何在CocosCreator中使用JSZip压缩.docx
12-29
JSZip是一个JavaScript库，能够创建、读取和修改ZIP文件，它支持异步操作，因此非常适合在Web环境中使用。本文将详细介绍如何在CocosCreator 2.4.2版本中集成并使用JSZip。 首先，我们需要从GitHub下载JSZip库，...
typescript-learning:打字稿在学习中的例子
03-21
**TypeScript 学习指南** ...在 "typescript-learning-main" 文件夹中，你可以找到这些概念的实际应用和示例代码，通过实践和学习，逐步掌握 TypeScript 的核心特性，并提升你的 JavaScript 开发能力。
js调试console.log使用总结图解
热门推荐
bcbobo21cn的专栏
07-02 5万+
一 实例 打印字符串和对象； 可展开对象查看内部情况； 看一下console对象本身的定义情况； 输出对象情况； utag对象所在文件； 输出对象； 二 Console.log 总结 1 如果你js没到一个境界，我就算教你调试bug，破解一些插件之类的，你也根本不知道我在做什么。我的目的只是让你认识控制台，让你入门调试，...
调试第一步：让强大的console家族助你一臂之力
weixin_34326179的博客
09-26 200
console相比大家一定不陌生，平时项目中用的最多的就是console.log()方法吧。但是console相关的方法有很多，涉及的调试面板的相关内容比较广泛，彻底弄清楚它们并在项目中合理使用，有助于我们更好的开发和调试。下面我们在控制台打印一下console，看看它还有哪些神奇的方法：如果没了解过console的，似不似惊呆了，console还有这么多方法？下面我们从最简单的console.l...
思考——console.log(`${1+2}`)===console.log`${1+2}`?
qq_35658349的博客
10-13 1421
前言 模板字符串是ES6新增的重要语法功能之一，它可以当作普通字符串使用，也可以用来定义多行字符串，或者在字符串中嵌入变量。 示例如下。 // 普通字符串 `In JavaScript '\n' is a line-feed.` // 多行字符串 `In JavaScript this is not legal.` console.log(`string text line 1 string...
TypeScript
qq_45228255的博客
03-29 1155
复习TypeScript
TypeScript 之 console的使用
最新发布
qq_24726043的博客
12-10 459
控制台console的使用
TypeScript之基础快速入门
winxin_58206976的博客
11-24 462
1. TypeScript 介绍 TypeScript 是javaacript 的严格版模式,是微软进行开发的开源编程语言 ,javascript有的东西他都有,所以TypeScript 的功能更加强大,但是TypeScript的代码比较奇怪,比如: { type Ns = number | string; var xiaozhi = (name: Ns = "小智", age: number = 20): Ns => { return name + "今年" + age
模板字符串`${}` 各种函数中的this指向？
小成语的博客
10-18 593
let name="小明" let age="18" console.log(`${this.name}已经${age}岁了`)//输出：小明已经18岁了 //普通函数this指向window function f1(){ console.log(this) } f1() //定时器方法指向window setInterval(function(){ console.log(this) },2000) //构造函数中this指向实例对象 function Person(){ console.log(thi
关于this.name=name的理解
Youngkiko的博客
07-12 2万+
比如： public Employee(name, age) { this.name = name; this.age = age;   }     前一个name为Employee或者说类的属性，而后一个name则指的是一个函数的一个参数（变量，比如张三李四），而后面这个函数的参数就是用于给前一个类的属性赋值的，或者说后面的name就是当前对象的name要修改的值 比如：   ...
typescript中new
04-04
console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`); } } ``` 我们可以使用`new`关键字来创建一个新的`Person`对象： ```typescript const person = new Person("Alice", 30); ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值