JavaScript基础之输入输出与变量常量详解

输入和输出

输出和输入也可理解为人和计算机的交互,用户通过键盘、鼠标等向计算机输入信息,计算机处理后再展示结果给用户,这便是一次输入和输出的过程。

举例说明:如按键盘上的方向键,向上/下键可以滚动页面,按向上/下键这个动作叫作输入,页面发生了滚动了这便叫输出。

输出

JavaScript 可以接收用户的输入,然后再将输入的结果输出:

  • document.write(“要出的内容”): 向body内输出内容

    document.write("这是document.write")
    

在这里插入图片描述

注意:如果输出的内容写的是标签,也会被解析成网页元素

document.write("

标题标签

"
)

在这里插入图片描述

  • alert(“要出的内容”):页面弹出警告对话框

    alert("弹出警示框")
    

JavaScript基础之输入输出与变量常量详解_第1张图片

  • console.log(“控制台打印”): 控制台输出语法,程序员调试使用

    打开浏览器网页,点击F12快捷键,网页就会出现控制台
    JavaScript基础之输入输出与变量常量详解_第2张图片

console.log("这是控制台")

请添加图片描述

输入

prompt()

语法:

prompt("请输入内容")

向 prompt() 输入任意内容会以弹窗形式出现在浏览器中,一般提示用户输入内容。

  <script> 
    //  以弹窗形式提示用户输入姓名,注意这里的文字使用英文的引号
    prompt('请输入您的姓名:')
  script>

运行结果
JavaScript基础之输入输出与变量常量详解_第3张图片

变量

在JavaScript中,变量是引用数字或字符串等值的标签。在计算机中,变量是计算机中用来存储数据的“容器”,它可以让计算机变得有记忆,通俗的理解变量就是使用【某个符号】来代表【某个具体的数值】(数据),同时变量这个容器的值是可以改变的。

所以,变量其主要作用是存取数据以及提供存放信息的容器

<script>
  // x 符号代表了 5 这个数值
  x = 5
  // y 符号代表了 6 这个数值
  y = 6
  //举例: 在 JavaScript 中使用变量可以将某个数据(数值)记录下来!
  // 将用户输入的内容保存在 num 这个变量(容器)中
  num = prompt('请输入一数字!')
  // 通过 num 变量(容器)将用户输入的内容输出出来
  alert(num)
  document.write(num)
script>

声明

在使用变量之前,需要声明变量。

声明(定义)变量有两部分构成:声明关键字、变量名(标识符)

声明关键词

声明关键字是var关键字声明,在JavaScript的ES5版本中所有JavaScript变量都由var声明

说明:目前所讲的知识都是ES5版本中的知识,后续版本都是基于这版本后内容的延申。

变量名

变量名可以是任何有效的标识符。

变量名遵循以下规则:

  • 变量名称只能由字母(a-zA-Z)、数字(0-9)、下划线(_)和美元符号($)组成,不能包含空格。
  • 变量名称是以字母(a-zA-Z)、下划线(_)或美元符号($)开头,变量名称不能以数字开头
  • JavaScript的变量名区分大小写,例如 ,Sunsun,这两个就是不同的变量
  • 变量名不能是保留关键字

驼峰命名法

按照惯例,变量名使用驼峰命名法。

在JavaScript中,驼峰命名法(camel case)是一种常见的命名约定,用于命名变量、函数、属性等标识符。它包括两种形式:小驼峰命名法(lower camel case)和大驼峰命名法(upper camel case)。

  • 小驼峰命名法(lower camel case):第一个单词首字母小写后续单词的首字母大写。例如:firstName、lastName、firstNameAndLastName。
  • 大驼峰命名法(upper camel case):每个单词的首字母都大写。例如:FirstName、LastName、FirstNameAndLastName。

使用驼峰命名法可以使代码更易读、易写和易维护。

实例:

var firstName;
var myMessage;

赋值

声明(定义)变量相当于创造了一个空的“容器”,通过赋值向这个容器中添加数据,赋值也可以说对其变量初始化。

要初始化变量,请先指定变量名称,后跟等号(=)和值

语法:

var 变量名=;

变量的使用语法如下

JavaScript基础之输入输出与变量常量详解_第4张图片

实例:

var message;
message="123"

实例:同时声明和初始化变量

var message="123";

JavaScript允许使用单个语句同时声明两个或多个变量。要分隔两个变量声明,中间要使用英文逗号(“,”)

var message="hello world", number="123",word="hello";

同一个变量名多次赋值,后面的值会覆盖前面的值,你可以通过这分配不同的值来更改其值。

 // 赋值,将 18 这个数据存入了 age 这个“容器”中
	var age=18; // 这样 age 的值就成了 18
      //更新变量,变量名直接重新赋值
	 age=19;//age的值为19
    document.write(age)

变量名输出不能打双引号(“”)或单引号(‘’),多个变量名输出用英文逗号隔开。

 var str = 'hello world!'
  alert(str);    //变量名输出不能打引号
    
  //输出多个变量,要用逗号(,)隔开
  var name="tom",height="123"
   console.log(tom,height);

变量作用域

变量根据作用域可分为:

  • 全局变量
  • 局部变量

全局变量

可以在JavaScript脚本中的任何位置被调用,全局变量的作用域是当前文档中整个脚本区域

局部变量

只能在此变量声明语句所属的函数内部使用,局部变量的作用域仅为该函数体

声明变量时,要根据编程的目的决定将变量声明为全局变量还是局部变量。

一般而言,保存全局信息(如表格的原始大小、下拉框包含选项对应的字符串数组等)的变量需声明为全局变量。而保存临时信息(如待输出的格式字符串、数学运算中间变量等)的变量则声明为局部变量

弱类型

JavaScript脚本语言跟其他编程语言一样,其变量都有数据类型。但与此不同的是,JavaScript语言是弱类型语言,在变量声明时不需显式地指定其数据类型,变量的数据类型将根据变量的具体内容推导出来,且根据变量内容的改变而自动改变,而强类型语言在变量声明时必须显式地指定其数据类型。

变量声明时不需显式指定其数据类型是JavaScript脚本语言的优点也是缺点

优点是编写脚本代码时不需要指明数据类型,使变量声明过程简单明了;缺点是有可能造成因微妙的拼写不当而引起致命的错误。

常量

概念:常量是保存一个不会改变的值。使用 const 声明的变量称为“常量”。

命名规范:和变量一致

一旦定义了变量,就无法更改其值。

const PI = 3.14

注意: 常量不允许重新赋值,声明的时候必须赋值(初始化)

你可能感兴趣的:(JavaScript,javascript,开发语言,ecmascript,前端,css)