js之变量

变量

概述:变量,它是计算机语言中的一个术语。变量这个术语起源于数学。
变量,你可以理解为一个容器。这个容器可以装在任意类型的字面量数值或者装在数学计算完结果。
我们可以通过访问变量名字、获取到变量存储的结果。
变量在使用的时候,分为三步:声明、赋值、使用。

声明

我们在使用这个变量之前,务必需要通过关键字var进行声明一次。
var 变量名字; //代表声明一个变量。

赋值

可以将任意类型字面量数值、数学计算完结果。赋值给变量。
变量名=结果

使用

通过访问变量名字,获取到变量存储结果。

<script type="text/javascript">
  //变量基本使用
  //第一步:声明一个变量
  var username;
  //赋值
  username=123;
  //使用
  console.log(username);


</script>

变量使用注意事项

  • 一个变量,仅仅是声明了,但是没有进行赋值,那个时候处于undefined状态。
  • 一个变量,声明后,可以多次赋值。后者会覆盖前面的数据。
  • 一个变量在使用前,一定要先进行声明。

变量命名规范

规则:

  • 1.可以是数字、英文字母、下划线、美元符号
  • 2.不能以数字开头
  • 3.不能是关键字或者保留字

变量声明提升

概述:各大浏览器的厂商都有属于自己的解析器。在翻译代码的时候,会将变量的声明部分,提升到当前的作用域的最上方。
解析器:各大浏览器厂商都有属于自己的解析器。
作用域:书写代码的范围

变量的认知

概述:变量,可以理解为一个容器,可以承载任意类型的字面数值或者计算结果。
通过访问变量的名字,就可以获取变量存储数据。
变量:在js当中变量分为两种:局部变量、全局变量。
局部变量:在js当中局部变量,只有两种情况:1.作为函数参数,2.变量在函数体中声明。局部变量只能在函数体中使用。
全局变量:除了局部变量以外的都是全局变量。全局变量可以在js行为层中任意地方使用。

<script type="text/javascript">
  function isEven(num){
      if(num%2==0){
          console.log(num+"是偶数");
      }else{
          console.log(num+"是奇数");
      }
  }

  isEven(65);
  isEven(66);
  isEven(98341);

  // 错误的写法
  console.log(num);
</script>

数据类型的判断

概述:在js中,我们可以使用关键字typeof,它的主要作用是可以检测任意类型的字面量或者变量存储的数据是什么类型的数值。

console.log(typeof "我们");
  console.log(typeof 5);
  console.log(typeof 3.14);
  console.log(typeof Infinity);
  console.log(typeof NaN);
  console.log(typeof true);
  console.log(typeof undefined);
  console.log(typeof null);

数据类型的转换

数字转为字符串

我们可以通过连字符(+),将数字类型的数据转换为字符串。如果+号两边都是数字,则为加减运算。

字符串转为数字

在js中,可以通过内置函数parseInt和parseFloat,将字符串转换为数字。

变量的其他声明方式

<script type="text/javascript">
  var hobby ="吃饭";
  hobby=123;
  console.log(hobby);

  var name="曹操",age=18,sex="男";
  console.log(name);
  console.log(age);
  console.log(sex);
  
</script>

数学对象(Math)

<script type="text/javascript">
  console.log(typeof Math);
  console.log(Math.PI);

  //绝对值
  console.log(Math.abs(-123));
  console.log(Math.abs(123));

  // 获取某一个数字的N次幂
  console.log(Math.pow(2,3));

  //随机数
  console.log(Math.random());
</script>
posted @ 2023-03-04 23:34  King-DA  阅读(224)  评论(0)    收藏  举报