1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > JavaScript 教程「2」:注释 输入输出 变量

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

时间:2023-09-25 07:11:58

相关推荐

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

注释

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

单行注释

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

// 单行注释alert("虞姬");

多行注释

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

/* 多行注释 */alert("网球王子");

输入输出

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

prompt(info)

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

<!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>

alert(msg)

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

<!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>

console(msg)

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

变量

什么是变量

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

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

如何使用变量

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

var name = prompt('请输入你要观看的动漫名');alert(name);

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

// 声明变量var name;// 变量赋值name = prompt('请输入你要观看的动漫名');// 使用变量alert(name);

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

变量命名规范

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

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

总结

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。