标签:语句 变量 JavaScript js 语法 使用 alert 赋值
一、准备工作
1、JavaScript三种书写位置
- 行内式
- 内嵌式
- 外链式
2、JavaScript基本输入输出语句
- prompt:输入
- alert:浏览器弹出
- console.log:控制台输出
4、示例
- demo.html
点击查看代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>示例</title>
<script src="外链式.js">alert('这里的代码不会执行')</script>
<script>
// 单行注释,下面是多行注释
/*
行内式很少使用;内嵌式是学习JavaScript时最常使用的方式;外链式使用最多,需注意在script的src属性有值时候script标签体的代码不会执行
prompt:提示用户并获取用户输入的信息
alert:用于提示用户某些信息,因为强制弹窗不友好所以开发并不常用
console.log:用于程序员打印日志信息,调试使用
*/
var message = prompt("请输入数据");
alert('内嵌式js提示您,您输入的是:' + message);
console.log('控制台日志');
</script>
</head>
<body>
<a href="javascript:alert('行内式js弹出提示框')">点击执行行内式js</a>
</body>
</html>
- 外链式.js(实际开发文件命名不要用中文)
alert('外链式js弹出提示框');
3. demo.html和外链式js放在同级目录下
-
浏览器打开demo.html
-
开发者工具(也叫调试模式,浏览器F12快捷键)查看console.log输出的调试日志
二、语句
1、什么是语句
JavaScript语言编写的程序,都是由一系列的指令构成,这些指令叫做语句。只有按照正确的法语编写出来的语句才能被正确的解释和执行。
2、语句的书写要求
- 推荐每个语句以英文分号结尾
- 推荐每个语句独占一行
- JavaScript是弱类型语言,即使不以分号结尾或者多个语句在一行也能被正确的执行。注意:不可以既不以分号结尾,也不独占一行
三、注释
1、作用
- 告诉浏览器这些语句不用解释和执行
- 对代码功能,逻辑,注意点等相关信息的文字说明
2、书写法语
- 单行注释://
- 多行注释:以
/*
开始,以*/
结束 - 单行注释(不推荐,vsCode不支持):
<!--
四、变量
1、作用
- 用于存储数据,准确的说是指向数据
- 通过变量名访问或者操作其指向的数据
2、书写语法
- 变量的声明:声明变量的关键字 变量名;示例:
var str;
- 变量的赋值:变量 = 值;示例:
str="赋值成功";
- 多个变量可以同时声明
- 可以在声明变量的时候赋值
- 不推荐:可以不使用关键字直接声明变量
3、变量名命名规范
- 数字、字母、下划线_、美元符$任意组合,但是不能以数字开头
- 字母区分大小写
- 推荐使用驼峰命名法
- 不能使用js中的关键字(目前js语法结构中使用的字)和保留字(未来js语法结构可能使用的字)
4、变量的异常使用
变量的规范用法是先声明,其次赋值,最后使用;但是当出现不规范用法时会出现什么情况呢
- 未声明 赋值 使用:变量可以未声明直接使用,但是当在函数中未声明直接使用时该变量会变为全局变量
- 声明 未赋值 使用:该变量的值为
undefined
- 声明/未声明 赋值 未使用:声明的变量未使用,对代码没有影响,只是这个变量没有存在的意义
- 未声明 未赋值 直接使用:运行会报错
5、示例
点击查看代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>语句,注释,变量</title>
<script>
/*
语句
- 推荐每个语句以英文分号结尾
- 推荐每个语句独占一行
*/
alert('这是语句标准写法');
alert('不以分号结尾也能执行,但是不推荐')
alert('多条语句在一行也可以'); alert('我和上条语句在一行');
/*
变量的声明:使用关键字var声明了一个变量名为score的变量
其中变量名的要求:
1. 数字、字母、下划线_、美元符$任意组合,但是不能以数字开头
2. 字母区分大小写
3. 推荐使用驼峰命名法
4. 不能使用js中的关键字(目前js语法结构中使用的字)和保留字(未来js语法结构可能使用的字)
*/
var mathScore;
/*
变量的赋值:
- 使用=给变量score赋值
- =左边是变量名
- =右边是值
- =的作用是将右边的值赋值给左边的变量
*/
mathScore = 100;
// 多个变量同时声明:变量名用英文逗号隔开
var physicsScore, historyScore;
// 多个变量同时赋值:赋值语句用英文逗号隔开
physicsScore = 100, historyScore = 100;
// 声明变量的时候直接赋值
var geographyScore = 100;
var chemistryScore = 100, biologyScore = 100;
// 操作变量
console.log("数学成绩:" + mathScore + ",物理成绩:" + physicsScore + ",历史成绩:" + historyScore);
console.log("地理成绩:" + geographyScore + ",化学成绩:" + chemistryScore + ",生物成绩:" + biologyScore);
// 变量不声明也可以直接使用
totalSore = mathScore + physicsScore + historyScore + geographyScore + chemistryScore + biologyScore;
console.log("总成绩:" + totalSore);
// 未声明 赋值 直接使用会报错
console.log(str);
</script>
</head>
<body>
</body>
</html>
标签:语句,变量,JavaScript,js,语法,使用,alert,赋值 来源: https://www.cnblogs.com/v587China/p/15586734.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。