JavaScript细节_console占位符

JS的占位符

占位符就好比我们上学时候，叫同学占一个好的位置，用一本书把位置占据，表示我没到，但是这是位置是我的！在JS中也存在占位符，使用的场景也比较少。但是细节决定成败的我们，需要知道这个写东西。

下面是一段 hapi 的官方代码

'use strict';

const Hapi = require('@hapi/hapi');

const init = async () => {

    const server = Hapi.server({
        port: 3000,
        host: 'localhost'
    });

    await server.start();
    console.log('Server running on %s', server.info.uri);
};

process.on('unhandledRejection', (err) => {

    console.log(err);
    process.exit(1);
});

init();
复制代码

其中就使用了 console.log('Server running on %s', server.info.uri);占位符！

JS 的占位符的种类

1. %s 类型是 String 字符串
2. %d or %i 类型是 Integer 整数
3. %f 类型是 Float 浮点数
4. %o 类型是 Object 对象

console.log('Server running on %s', '9090');
console.log('Server running on %i', 9090);
console.log('Server running on %f', 909.9090909090);
console.log('Server running on %o', {port: 9090});
复制代码

浮点型的简单分析

怪异表现

0.1+0.2=0.30000000000000004;
1-0.9=0.09999999999999998;
复制代码

实现的标准 -- -遵循 IEEE 754 标准，将不同数值转换成IEEE 754双精度64位数据

上述的怪异现象的产生原因：

就是数据计算的过程中将浮点型转换成了二进制的数据，二进制的数据在用作IEEE标准计算的时候，发生了精度上的损失，计算之后就不在准确，然后还原为十进制的时候显示就不准确了！

参考

1. Firebug控制台详解
2. JavaScript 浮点数陷阱及解法