JavaScript单元代码（1）

已于 2024-03-11 19:10:39 修改
阅读量442 收藏 5
点赞数 12
文章标签： javascript 开发语言 ecmascript
于 2024-03-11 16:32:14 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_74878822/article/details/136620934
版权

1.简单的JavaScript代码

<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title>第一个简单的JavaScript程序</title>
	</head>
	<body>
		<div style="font-size:18px;">
			<script type="text/javascript">  //嵌入JavaScipt代码
				alert("Hello,JavaScript！"); //弹出信息警示框  
				prompt("请输入您的密码！"); //弹出输入提示框    
			</script>
		</div>
	</body>
</html>

输出结果：

2.算术运算符

<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title>算术运算符</title>
	</head>
	<body>
		<script type="text/javascript">
			var num1 = 100,
				num2 = 25;//定义变量num1为100，num2为25，进行以下运算
			document.write("100+25=" + (num1 + num2) + "<br>");//向文档中写入文本内容，相加
			document.write("100-25=" + (num1 - num2) + "<br>");//相减
			document.write("100*25=" + (num1 * num2) + "<br>");//相乘
			document.write("100/25=" + (num1 / num2) + "<br>");//相除
			document.write("(100++)=" + (num1++) + "<br>");//自增,使用自身之后，在使其自身加1
			document.write("(++100)=" + (++num1) + "<br>");//自增,使用自身之前，先使其自身加1
		</script>
	</body>
</html>

运行结果：

3.比较运算符

<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title>比较运算符</title>
	</head>
	<body>
		<script type="text/javascript">
			var age = 25; //定义变量；
			document.write("age变量的值为：" + age + "<br>"); //输出变量值；
			document.write("age>=20:" + (age >= 20) + "<br>"); //变量值比较；
			document.write("age<20:" + (age < 20) + "<br>");//25是否小于20
			document.write("age!=20:" + (age != 20) + "<br>");//25是否不等于20
			document.write("age>20:" + (age > 20) + "<br>");//25是否大于20
		</script>
	</body>
</html>

运行结果：

4.逻辑运算符

<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title>逻辑运算符</title>
	</head>
	<body>
		<pre>
<script type="text/javascript">
	var a=2,b=3,result;
	document.writeln("a=2,b=3");//输出结果a=2，b=3
	document.write("a&lt;b&&a&lt;=b:");//输出字符串，a<b,并且a<b
	result=a<b&&a<=b;//输出表达式a<b,a<=b
	document.writeln(result);//a小于b与a小于等于b输出结果
	document.write("a&lt;b&&a&gt;b:");result=a<b&&a>b;document.writeln(result);//a小于b与a大于b
	document.write("a&lt;b||a&gt;b:");result=a<b||a>b;document.writeln(result);//a小于b或a大于b
	document.write("a&gt;b&&a&gt;=b:");result=a>b||a>=b;document.writeln(result);//a大于b或a大于等于b
	document.write("!(a&lt;b):");result=!(a<b);document.writeln(result);
	document.write("!(a&gt;b):");result=!(a>b);document.writeln(result);
</script>
</pre>
	</body>
</html>

运行结果：

5.赋值运算符

<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title>赋值运算符</title>
	</head>
	<body>
		<pre>
<script type="text/javascript">
	var a=3,b=2;
	document.writeln("a=3,b=2");
	document.write("a+=b=");a+=b;document.writeln(a);//将运算符左边的变量加上右边表达式的值武给左边的变量。
	document.write("a-=b=");a-=b;document.writeln(a);//将运算符左边的变量减去右边表达式的值赋给左边的变量。
	document.write("a*=b=");a*=b;document.writeln(a);//将运算符左边的变量乘以右边表达式的值赋给左边的变量
	document.write("a/=b=");a/=b;document.writeln(a);//将运算符左边的变量除以右边表达式的值赋给左边的变量
	document.write("a%=b=");a%=b;document.writeln(a);//将运算符左边的变量用右边表达式的值求模，并将结果赋给左边的变量
</script>
</pre>
	</body>
</html>

运行结果：

6.条件运算符

<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title>条件运算符</title>
	</head>
	<body>
		<script type="text/javascript">
			var i = 3,
				j = 4;//定义变量i和j
			alert((++i == j++) ? true : false);//判断两个变量是否相等，在输出结果
		</script>
	</body>
</html>

运行结果：

7.双向判断语句

<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title>双向判断语句</title>
	</head>
	<body>
		<script type="text/javascript">
			var num1 = 300;
			var num2 = 150;
			if (num1 < num2) {
				alert('你好，条件成立'); //如果条件成立则弹出“成立”对话框
			} else {
				alert('对不起，条件不成立'); //如果条件不成立则弹出“不成立”对话框
			}
			alert('演示完成'); //无论成立与否最后弹出“演示完成”对话框
		</script>

	</body>
</html>

运行结果

8.多向判断语句

<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title>多向判断语句</title>
	</head>
	<body>
		<script type="text/javascript">
			var jiangpin = '二等奖'; //定义了一个变量，并对其赋值
			if (jiangpin == '一等奖') { //判断如果赋值为一等奖，则弹出下面内容
				alert('恭喜获得一辆跑车');
			} else if (jiangpin == '二等奖') { //判断如果赋值为二等奖，则弹出下面内容
				alert('恭喜获得一部手机');
			} else if (jiangpin == '三等奖') { //判断如果赋值为三等奖，则弹出下面内容
				alert('恭喜获得一台空气净化器');
			} else {
				alert("您没有获奖！");
			}
		</script>
	</body>
</html>

运行结果：

茗~569
关注
  • 12
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jasmine-JavaScript单元测试工具
oscar999的专栏
12-12 6146
Jasmine 是什么？ jasmine是一个用来编写Javascript测试的框架，它不依赖于任何其它的javascript框架。它有拥有灵巧而明确的语法可以让你轻松的编写测试代码。 官方地址： https://jasmine.github.io/ Github 下载 https://github.com/jasmine/jasmine 发布版本下载 https://github.com/j...
JavaScript单元测试入门
热门推荐
u012510478的博客
01-25 2万+
首先要弄清楚什么是单元。单元就是一个相对独立的功能模块，可以是一个类，或是一个模块，或是一个方法。单元测试的目的，就是首先保证一个系统的基本组成单元（类、模块或方法）能正常工作。打个比方，你想一台机器能正常工作，首先要保证它的每一个零件和组件能正常工作。而单元测试就是对这些零件和组件进行的测试。所谓”测试框架”，就是运行测试的工具。通过它，可以为JavaScript应用添加测试，从而保证代码的质量。
JavaScript 单元测试
m0_54829066的博客
12-23 363
JavaScript 单元测试是在编写代码之后，用来验证代码功能是否正确的过程。通常使用测试框架来编写和运行单元测试，并且会使用断言库来验证代码的结果是否符合预期。举个例子，假设我们编写了一个函数来计算两个数字的和，那么我们可以使用单元测试来验证这个函数的输出是否正确，例如： 在上面的代码中，我们使用了测试框架中的 函数来定义一个单元测试，并使用断言库中的 函数和 方法来验证函数的输出是否符合预期。单元测试可以帮助我们更好地理解代码的行为，并且在修改代码后能够快速发现问题。
JavaScript单元测试
JavaScript
07-15 4318
编写代码时，以单元测试代码伴随正式的功能代码是很好的实践和习惯，不仅可以保证最终代码的质量，对用户负责，也可以让自己对写出的代码更有信心和把握。JavaScript在现代Web开发中占的比重越来越大，早已不是在页面中插入几行代码的时代，自然也应该做单元测试。而且作为一种弱类型的动态语言，不仅无法检查编译时类型错误，高度的灵活性也容易隐藏输入时的失误，单元测试以保证代码能如预期运行就更为必要。另一方面
javascript 单元测试迷思
i saw you walking in the rain
03-08 713
非前端，偶尔写写javascript，上一篇博文的代码，被发现单元测试不足导致bug。 思考了一下，写个了自动化测试脚本 var testData = [{param:'19900101',retVal:'32'}]; function assert(retVal,expVal){ return retVal==expVal?true:false; } function testing(testData,func){ for(i in testData){ conso
JavaScript单元代码（2）
weixin_74878822的博客
03-11 396
【代码】JavaScript单元代码（2）
Javascript代码规范
f8152的博客
06-08 8283
1. 前言 JavaScript一直有着广泛的应用，特别是在浏览器端的行为管理。本文档的目标是使JavaScript代码风格保持一致，容易被理解和被维护。 虽然本文档是针对JavaScript设计的，但是在使用各种JavaScript的预编译语言时(如TypeScript等)时，适用的部分也应尽量遵循本文档的约定。 任何问题或建议，欢迎跟我们讨论 2. 代码风格
深入理解JavaScript- JavaScript代码加载、解析、执行流程
javaThinker的专栏
03-10 829
对象可以拥有属性和方法。我们debug代码时，还没有执行到f时，JavaScript引擎已经为f生成了一个对象。也就是说，JavaScript引擎在编译阶段，已经为全局作用域的函数生成了函数对象放入了堆内存。⚠️注意：对于函数表达式，函数对象通常在执行到表达式时才创建。如果函数是在执行阶段动态创建的（例如，通过new Function()构造函数），那么它会在调用时创建并执行。
如何用 JavaScript 编写你的第一个单元测试
nhb687096的博客
05-29 995
测试代码是使代码安全的第一步。做到这一点的最好方法之一是使用单元测试，确保应用程序中的每个小功能都能发挥其应有的作用--特别是当应用程序处于边缘情况，比如无效的输入，或有潜在危害的输入。单元测试很容易设置，是软件开发的有效工具。它们有助于早期消除错误，并防止它们返回。这使项目更易于管理和维护，即使它们变得更大和更复杂，特别是在更大的开发团队中。像这样的自动化测试也使开发人员能够重构和优化他们的代码，而不必担心新代码的行为是否正确。
kmock javascript 单元测试代码
10-28
1. JavaScript单元测试的重要性： 单元测试能够确保代码质量，提供快速反馈，保证软件功能在不断重构和功能更新中依然稳定。没有单元测试，软件中的错误可能难以及时发现，增加后期维护的难度和成本。 2. qmock的...
高效的JavaScript代码单元测试方法
03-23
高效的JavaScript代码单元测试方法!一个损坏的JavaScript代码示例Web应用程序面临的一个最大挑战是支持不同版本的Web浏览器。能在Safari上运行的JavaScript代码不一定能在WindowsInternetExplorer(IE)、Firefox或...
JavaScript单元测试ABC
10-28
标题《JavaScript单元测试ABC》指出了本文将探讨的中心内容——在JavaScript编程中如何进行单元测试，并且用“ABC”强调了从基础开始的概念。描述中指出，尽管在服务器端的单元测试已经有诸多成熟的框架，但...
高效的JavaScript单元测试
02-26
在本文中，了解JavaScript单元测试如何帮助您降低测试成本，轻松支持更多浏览器。Web应用程序面临的一个最大挑战是支持不同版本的Web浏览器。能在Safari上运行的JavaScript代码不一定能在Windows?InternetExplorer...
网上商品订单转手系统bootpf
weixin_43213064的博客
08-18 495
【代码】springboot网上商品订单转手系统bootpf
【js】各类前端输入校验方法
最新发布
galaxyJING的博客
08-21 150
【代码】【js】各类前端输入校验方法。
Nuxt3【内置的工具函数】2024最新版
朝阳39的博客
08-20 875
用于在Vue应用程序或API路由中进行HTTP请求，详见。
44 个 React 前端面试问题
广漂程序猿DevinRock
08-14 1149
虚拟 DOM 是 React 中的一个概念，其中创建实际 DOM（文档对象模型）的轻量级虚拟表示并将其存储在内存中。它是一种用于优化 Web 应用程序性能的编程技术。当 React 组件的数据或状态发生更改时，虚拟 DOM 会被更新，而不是直接操作真实 DOM。然后，虚拟 DOM 计算组件的先前状态和更新状态之间的差异，称为“比较”过程。一旦识别出差异，React 就会高效地仅更新真实 DOM 的必要部分以反映更改。这种方法最大限度地减少了实际 DOM 操作的数量，并提高了应用程序的整体性能。
React学习笔记，从入门到砸门
留白声的博客
08-20 740
react详细自我学习笔记，内容包括JSX、Redux、Router等
Jasmine：全能JavaScript单元测试框架
"JavaScript单元测试框架-Jasmine" Jasmine是一个由Pivotal Labs开发的JavaScript测试框架，起源于JsUnit，后者是JUnit的JavaScript版本。由于JsUnit的维护停滞，Jasmine应运而生，它是一个独立的框架，适用于各种...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值