JavaScript的变量

Posted HzdWwZz"LJF

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript的变量相关的知识,希望对你有一定的参考价值。

一、什么是变量

变量是计算机内存中存储数据的标识符,根据变量名称可以获取到内存中存储的数据

  • 为什么要使用变量

使用变量可以方便的获取或者修改内存中的数据

二、如何使用变量

var声明变量

var age;

变量的赋值

var age;
age = 18;

同时声明多个变量

var age, name, sex;
age = 10;
name = ‘zs‘;

同时声明多个变量并赋值

var age = 10, name = ‘zs‘;

三、变量的命名规则和规范

  • 规则 - 必须遵守的,不遵守会报错
    • 由字母、数字、下划线、$符号组成,不能以数字开头
    • 不能是关键字和保留字,例如:for、while。
    • 区分大小写
  • 规范 - 建议遵守的,不遵守不会报错
    • 变量名必须有意义
    • 遵守驼峰命名法。首字母小写,后面单词的首字母需要大写。例如:userName、userPassword

四、Js中的数据类型有哪些?

Js中的原始数据类型:number,string,boolean,null,undefined,object

  number:数字类型(整数和小数)

  string:字符串类型(的值一般都是用单引号或者是双引号括起来)  "34"

  boolean:布尔类型(值只有两个,true(真1),false(假0))

  null:空类型,值只有一个:null,一个对象指向为空了,此时可以赋值为null

  undefined:未定义,值只有一个:undefined
  什么情况下的结果是undefined?
  1.变量声明了,没有赋值,结果是undefined
  2.函数没有明确返回值,如果接收了,结果也是undefined

  如果一个变量的结果是undefined和一个数字进行计算,结果:NaN不是一个数字,也没有意义

  object:对象

var num;
console.log(num+10);//NaN-----not an number不是一个数字

五、如何获取这个变量的数据类型是什么?

使用typeof 来获取

  typeof 变量名
  typeof(变量名)

  var num = 10;
  console.log(typeof(num));//number
  console.log(typeof num);//number

六、数字类型的几个问题

 数字类型:number类型
 无论是整数还是小数都是数字类型
 不要用小数验证小数
 不要使用NaN判断是不是NaN,应该使用isNaN(值或者是变量)
 想要表示十进制:就是正常的数字
 想要表示八进制:以0开头
 想要表示十六进制:0x开头

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    <script>
        var num=0.1;
        var num2=0.2;
        var sum=num+num2;
        console.log(sum);//结果为0.30000000000000004
        console.log((sum==0.3));//结果为false
        var num3;
        var result=num3+10;//NaN
        console.log(result==NaN);//结果为false
        console.log(isNaN(result));//结果为true
    </script>
    </body>
    </html>

七、string类型的几个问题

var str="10";//字符串
var str2=‘20‘;//字符串
字符串可以使用单引号,也可以使用双引号

字符串的长度如何获取? 变量名.length

var str1="fdshfjworwoijpfskj;akjfpojfiwnmoiwajdoiwajiwaewowj";
console.log(str1.length);//结果为50

字符串的拼接:

使用+可以把多个字符串放在一起形成一个字符串
只要有一个是字符串,其他的是数字,那么结果也是拼接,不是相加
如果有一个是字符串,另一个不是字符串,使用- 号,此时会发生计算

var str1="99";
console.log(str1+10);//结果为9910
var str1="99";
console.log(str1-10);//结果为89
浏览器帮助我们自动的把字符串类型转成了数字类型,这种方式叫:隐式转换

八、布尔类型

  var flag=true;
  console.log(Number(flag));//结果为1
  var flag2=false;
  console.log(Number(flag2));//结果为0

  计算机内部存储:true为1,false为0

九、类型转换

其他类型转数字类型:三种方式:

1.parseInt();转整数

//    console.log(parseInt("10"));//10
//    console.log(parseInt("10afrswfdsf"));//10
//    console.log(parseInt("g10"));//NaN
//    console.log(parseInt("1fds0"));//1
//    console.log(parseInt("10.98"));//10
//    console.log(parseInt("10.98fdsfd"));//10

2.parseFloat()//转小数

//    console.log(parseFloat("10"));//10
//    console.log(parseFloat("10afrswfdsf"));//10
//    console.log(parseFloat("g10"));//NaN
//    console.log(parseFloat("1fds0"));//1
//    console.log(parseFloat("10.98"));//10.98
//    console.log(parseFloat("10.98fdsfd"));//10.98

3.Number();//转数字

console.log(Number("10"));//10
console.log(Number("10afrswfdsf"));//NaN
console.log(Number("g10"));//NaN
console.log(Number("1fds0"));//NaN
console.log(Number("10.98"));//10.98
console.log(Number("10.98fdsfd"));//NaN

//总结:想要转整数用parseInt(),想要转小数用parseFloat()
//想要转数字:Number();要比上面的两种方式严格

其他类型转字符串类型

1 .toString()

var num=10;
console.log(num.toString());//字符串类型

2 String();

var num1=20;
console.log(String(num1));

//如果变量有意义调用.toString()使用转换
//如果变量没有意义使用String()转换

var num2;
console.log(num2.toString());//报错
var num3=null;
console.log(num3.toString());//报错

//这个可以
var num2;
console.log(String(num2));//undefined
var num3=null;
console.log(String(num3));//null

其他类型转布尔类型

1 Boolean(值);

console.log(Boolean(1));//true
console.log(Boolean(0));//false
console.log(Boolean(11));//true
console.log(Boolean(-10));//true
console.log(Boolean("哈哈"));//true
console.log(Boolean(""));//false
console.log(Boolean(null));//false
console.log(Boolean(undefined));//false

以上是关于JavaScript的变量的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段12——JavaScript的Promise对象

30秒就能看懂的JavaScript 代码片段

常用Javascript代码片段集锦

48个值得掌握的JavaScript代码片段(上)

如何将此 JavaScript 代码片段翻译成 Parenscript?

代码片段使用复杂的 JavaScript 在 UIWebView 中插入 HTML?