前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >JavaScript 教程「2」:注释、输入输出、变量

JavaScript 教程「2」:注释、输入输出、变量

作者头像
村雨遥
发布2022-05-23 08:28:35
7730
发布2022-05-23 08:28:35
举报
文章被收录于专栏:JavaParkJavaPark

注释

为了提高代码的可读性,我们往往需要在代码中添加一些额外的信息,但是我们又不想让这些信息影响到代码的执行。这时候,我们就需要使用到注释。JavaScript 中,主要有两种注释,一种是单行注释,另一种则是多行注释,和 Java 中的注释很相似。

  1. 单行注释

单行注释以 // 开头,后边接上需要注释的信息即可。

代码语言:javascript
复制
// 单行注释
alert("虞姬");

2. 多行注释

多行注释则是以 /* 开头,以 */ 结尾,两者中间所包含的内容则是我们的注释。

代码语言:javascript
复制
/* 
	多行注释 
 */
alert("网球王子");

输入输出

为了方便信息的输入输出,JavaScript 中也像其他编程语言一样,提供了常用的输入输出语句。而其中最常用的,莫过于以下 3 个方法了。

方法

功能

归属

alert(msg)

弹出警示框

浏览器

console.log(msg)

控制台打印输出信息

浏览器

prompt(info)

弹出输入框,用户可以输入信息

浏览器

  1. prompt(info)

通过使用该方法,我们可以让用户在打开页面时让浏览器自动弹出输入框,然后用户就能够根据提示来进行信息输入。以下是一个简单的示例,通过弹窗让用户输入想要观看的动漫。

代码语言:javascript
复制
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>Java 基础语法</title>
	</head>
	<body>
		<script>
			prompt('请输入你要观看的动漫名');
		</script>
	</body>
</html>

2. alert(msg)

该方法可以在网页中弹出警示框,将信息展示给用户。紧接着上一个方法,假设用户输入后我们要让用户再次看到他刚才的输入,那我们就可以通过弹窗将刚才输入的信息进行展示。

代码语言:javascript
复制
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>Java 基础语法</title>
	</head>
	<body>
		<script>
			var name = prompt('请输入你要观看的动漫名');
			alert(name);
		</script>
	</body>
</html>

3 . console(msg)

这个方法主要是用于在浏览器的控制台打开,而一般用户也用不到这个,更多的是开发人员用于调试开发时使用。

变量

什么是变量

其实在上面的例子中我已经试用过变量了,也就是在使用 alert(msg) 方法举例时,其中用的 name 其实就是一个变量。

所谓变量,可以把它看做是用来存放数据的容器。我们通过变量名来获取容器中的数据,也可以进行数据修改等操作。其本质其实是程序在内存中所申请的用来存放数据的一块空间。

如何使用变量

要使用一个变量也很简单,同样以下面的例子来说。

代码语言:javascript
复制
var name = prompt('请输入你要观看的动漫名');
alert(name);

主要可以把变量的使用拆解为两个步骤,第一步就是对变量进行声明,第二步则是对变量进行赋值。上面的例子是将两个步骤合二为一,而这个过程我们也叫做变量的初始化,在声明变量的同时也给对象赋了值。如果要对其进行拆分,则可以拆分为以下步骤:

代码语言:javascript
复制
// 声明变量
var name;
// 变量赋值
name = prompt('请输入你要观看的动漫名');
// 使用变量
alert(name);

其中 var 是 JavaScript 中的一个关键字,用于声明变量。 通过使用该关键字对变量进行声明后,计算机就会自动为变量分配内存空间,而无需我们程序员去操作。name 则是我们所定义的变量名,通过变量名,我们就可以访问计算机在内存中所分配的空间了。

变量命名规范

学习了变量的定义以及如何使用变量,接下来就要看看如何规范地进行变量命名。变量命名时,我们常常需要遵守以下的相关规则。

  1. 只能由字母(a-zA-Z)、数字(0-9)、美元符号($)、下划线(_) 组成。
  2. 严格区分大小写。
  3. 不能以数字开头。
  4. 不能是 JavaScript 中的关键字、保留字。
  5. 变量名应该有意义,而且应当遵守驼峰命名法。

总结

以上就是 JavaScript 中的注释、输入输出、变量的相关知识点了。通过这些知识点的学习,我们应该能够掌握变量的定义、使用、命名规则,如何在 JavaScript 中使用注释以及注释的分类,最后则是如何在浏览器中通过弹窗实现简单的输入输出。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022-04-17,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 注释
  • 输入输出
  • 变量
    • 什么是变量
      • 如何使用变量
        • 变量命名规范
        • 总结
        相关产品与服务
        容器服务
        腾讯云容器服务(Tencent Kubernetes Engine, TKE)基于原生 kubernetes 提供以容器为核心的、高度可扩展的高性能容器管理服务,覆盖 Serverless、边缘计算、分布式云等多种业务部署场景,业内首创单个集群兼容多种计算节点的容器资源管理模式。同时产品作为云原生 Finops 领先布道者,主导开源项目Crane,全面助力客户实现资源优化、成本控制。
        领券
        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档