原生JavaScript中alert的不同值类型及字符串与变量同显方法

嘿，针对你提出的两个关于JavaScript alert 函数的问题，我来逐一解答：

其实alert()函数可以接收任何JavaScript数据类型作为参数，因为它内部会自动把传入的值转换为字符串后再显示。具体支持的类型包括：

• 基本数据类型：字符串（string）、数字（number）、布尔值（boolean）、undefined、null
• 引用数据类型：对象（object）、数组（array）、函数（function）——不过这类值会被转换成对应的字符串形式，比如对象会显示[object Object]，数组会把元素用逗号连接成字符串，函数则会显示它的源码文本。

举几个简单的例子：

alert("这是字符串");
alert(12345);
alert(true);
alert(undefined);
alert(null);
alert({username: "Ranma"}); // 弹出 [object Object]
alert([1, 3, 5]); // 弹出 1,3,5
alert(function(){ console.log("Hello") }); // 弹出函数的源码字符串

当然可以！纯原生JS里有两种常用的方式实现这个需求：

方式一：字符串拼接（用+运算符） #

这是最传统的写法，通过+把固定文本字符串和变量拼接成一个完整的字符串，再传给alert()。你提供的示例代码只需要补充缺失的连接符+就能正常运行，修正后的代码如下：

var testNumber = prompt("请输入一个数字，我们来统计其中的偶数个数。");
var countEvens = 0;
for (var i = 0; i <= testNumber; i++) {
  if (i % 2 === 0){
    countEvens++;
  }
}
alert("数字" + testNumber + "及其以内共有" + countEvens + "个偶数");

原代码的问题就是alert语句里的字符串和变量之间缺少了+连接符，补充后就能把变量值嵌入到文本中一起显示了。

方式二：ES6模板字符串（更简洁） #

如果你的运行环境支持ES6（现在主流浏览器都支持），可以用模板字符串来实现，写法更直观，不需要手动拼接：

// 替换alert语句为模板字符串写法
alert(`数字${testNumber}及其以内共有${countEvens}个偶数`);

模板字符串用反引号`包裹，变量直接放在${}里，可读性和编写效率都更高。

内容的提问来源于stack exchange，提问作者Ranma Saotome