您当前的位置:首页 > 网站建设 > javascript
| php | asp | css | H5 | javascript | Mysql | Dreamweaver | Delphi | 网站维护 | 帝国cms | React | 考试系统 | ajax | jQuery | 小程序 |

web开发js字符串拼接占位符及conlose对象Api详解

51自学网 2022-02-21 13:41:03
  javascript

占位符替换

控制台打印(conlose.log())或者拼接字符换, 可以借助占位符解决

%s    字符串
%d  / %i    整数
%f    小数(整数、小数都可以, 推荐)
%o    对象
%c    后面字符串的样式

示例代码:

// %s示例let s1 = '爱'let s2 = '祖国'console.log('001--我%s我的%s', s1, s2) // -> 我爱我的祖国       // %f 和 %i、%d示例/*    推荐用 %f, 整数小数都没问题    %d只能输出整数,如果有小数会直接忽略*/let n1 = 100let n2 = 5.8console.log('002--我离考%d分还差%d分', n1, n2) // -> 我离考100分还差5分console.log('002--我离考%i分还差%i分', n1, n2) // -> 我离考100分还差5分console.log('003--我离考%f分还差%f分', n1, n2) // -> 我离考100分还差5.8分        // %o示例let o = { name: '卡卡西', age: 25 }console.log('004--执行任务忍者的资料是%o', o) // -> 执行任务忍者的资料是{name: "卡卡西", age: 25}        // %c示例var str = '005--我是一个%c示例'let st = 'color: #000; background-color: orange; padding: 5px;);'console.log(str, st)console.log(    '006--%c---------------我是分隔符-----------------',    'color:red;font-size:10px')ript>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-fHD9IthG-1627465023483)(conlose/image-20210728170625837.png)]

控制台打印

在浏览器打印, 并不只有 conlose.log() 这一种方式;

console对象是JavaScript的原生对象, 它提供了多种方法,用来与控制台窗口互动;

本节只列举我认为的常用方法.

table()

复合类型的数据,console.table方法可以将其转为表格显示。

let o = {    username: "卡卡西",    age: 25,    skill:['千鸟','土流壁','写轮眼']}console.table(o);

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-9cbDkCtF-1627465023486)(conlose/image-20210728172629214.png)]

log、info、warn、error

console.log('001--我是一条普通的输出语句');console.info('002--我是一条普通信息输出语句');console.warn('003--我是一条警告输出语句');console.error('004--我是一条错误输出语句');

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-jluA4C5G-1627465023487)(conlose/image-20210728172305658.png)]

group(),groupCollapsed(),groupend()

console.group() console.groupend() 用于将显示的信息分组, 适用于大量输出信息的时候

console.group() 会默认把本组输出信息展开

console.groupend() 会默认把本组输出信息收起

console.group('第一轮输出')console.log('我是第一轮输出语句1')console.log('我是第一轮输出语句2')console.log('我是第一轮输出语句3')console.log('我是第一轮输出语句3')console.groupEnd()console.groupCollapsed('第一轮输出')console.log('又要输出了1')console.log('又要输出了2')console.log('又要输出了3')console.groupEnd()console.log('最后一次输出')

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-XZN4LuIZ-1627465023489)(conlose/image-20210728173352647.png)]

以上就是web字符串拼接占位符及conlose对象Api详解的详细内容,更多关于web字符串占位符及conlose对象Api的资料请关注51zixue.net其它相关文章!


下载地址:
浅谈js中的宏任务和微任务
Vue3 编译流程-源码解析
万事OK自学网:51自学网_软件自学网_CAD自学网自学excel、自学PS、自学CAD、自学C语言、自学css3实例,是一个通过网络自主学习工作技能的自学平台,网友喜欢的软件自学网站。