JavaScript中null与undefined的区别,及简单的计算器功能

it2025-01-28  18

null

null表示"没有对象", null类型只有一个值,是null,表示不存在的对象,也可用于声明一个空的对象,null是javascript的关键字,一个空对象指针,代表空值。

undefined

undefined是一个预定义的全局变量,表示某一变量声明未进行初始化。表示"缺少值",就是此处应该有一个值,但是还没有定义。变量被声明了,但没有赋值时,就等于undefined。调用函数时,应该提供的参数没有提供,该参数等于undefined。对象没有赋值的属性,该属性的值为undefined。函数没有返回值时,默认返回undefined。

alert();

页面弹窗

console.log();

控制台输出,可通页面F12找到控制台

document.writer();

页面输出

简单的计算机器功能

简单的输入框计算机器!

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <input type="text" id="num1" placeholder="请输入第一个数字!"/><br/> <input type="text" id="count" placeholder="请输入操作 + - * / !"/><br/> <input type="text" id="num2" placeholder="请输入第二个数字!"/><br/> <input type="button" value="计算" onclick="f()"/> 结果=<span id="numShow"></span> <script> function f() { //获取输入的数据 var num1 = document.getElementById("num1").value; var num2 = document.getElementById("num2").value; var count = document.getElementById("count").value; //类型转换 num1 = Number(num1); num2 = Number(num2); //判断计算 switch (count) { case "+": document.getElementById("numShow").innerText = num1+num2; break; case "-": document.getElementById("numShow").innerText = num1-num2; break; case "*": document.getElementById("numShow").innerText = num1*num2; break; case "/": document.getElementById("numShow").innerText = num1/num2; break; case "%": document.getElementById("numShow").innerText = num1%num2; break; } } </script> </body> </html>
最新回复(0)