Java教程

JavaScript语法之语句，变量

本文主要是介绍JavaScript语法之语句，变量，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

一、准备工作

1、JavaScript三种书写位置

  • 行内式
  • 内嵌式
  • 外链式

2、JavaScript基本输入输出语句

  • prompt：输入
  • alert：浏览器弹出
  • console.log：控制台输出

4、示例

  1. 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>
  1. 外链式.js（实际开发文件命名不要用中文）
alert('外链式js弹出提示框');

image
3. demo.html和外链式js放在同级目录下
image

  1. 浏览器打开demo.html

  2. 开发者工具(也叫调试模式，浏览器F12快捷键)查看console.log输出的调试日志
    image

二、语句

1、什么是语句

JavaScript语言编写的程序，都是由一系列的指令构成，这些指令叫做语句。只有按照正确的法语编写出来的语句才能被正确的解释和执行。

2、语句的书写要求

  • 推荐每个语句以英文分号结尾
  • 推荐每个语句独占一行
  • JavaScript是弱类型语言，即使不以分号结尾或者多个语句在一行也能被正确的执行。注意：不可以既不以分号结尾，也不独占一行

三、注释

1、作用

  • 告诉浏览器这些语句不用解释和执行
  • 对代码功能，逻辑，注意点等相关信息的文字说明

2、书写法语

  • 单行注释：//
  • 多行注释：以/*开始，以*/结束
  • 单行注释(不推荐,vsCode不支持)：<!--

四、变量

1、作用

  • 用于存储数据，准确的说是指向数据
  • 通过变量名访问或者操作其指向的数据

2、书写语法

  • 变量的声明：声明变量的关键字 变量名;示例：var str;
  • 变量的赋值：变量 = 值;示例：str="赋值成功";
  • 多个变量可以同时声明
  • 可以在声明变量的时候赋值
  • 不推荐：可以不使用关键字直接声明变量

3、变量名命名规范

  1. 数字、字母、下划线_、美元符$任意组合，但是不能以数字开头
  2. 字母区分大小写
  3. 推荐使用驼峰命名法
  4. 不能使用js中的关键字(目前js语法结构中使用的字)和保留字(未来js语法结构可能使用的字)

4、变量的异常使用

变量的规范用法是先声明，其次赋值，最后使用；但是当出现不规范用法时会出现什么情况呢

  1. 未声明 赋值 使用：变量可以未声明直接使用，但是当在函数中未声明直接使用时该变量会变为全局变量
  2. 声明 未赋值 使用：该变量的值为undefined
  3. 声明/未声明 赋值 未使用：声明的变量未使用，对代码没有影响，只是这个变量没有存在的意义
  4. 未声明 未赋值 直接使用：运行会报错
    image

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语法之语句，变量的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航