1.JS基础知识

最新推荐文章于 2025-05-26 16:38:55 发布

半世晨晓0719

最新推荐文章于 2025-05-26 16:38:55 发布

阅读量185

点赞数

分类专栏：前端文章标签： javascript 前端

本文链接：https://blog.youkuaiyun.com/qq_45939736/article/details/131231610

版权

前端专栏收录该内容

3 篇文章

订阅专栏

本文介绍了JavaScript中的变量声明与赋值，包括使用var和逗号分隔来声明多个变量。还讲解了typeof操作符用于检测变量类型，以及undefined和null的区别。接着讨论了Number、NaN和isNaN()函数，以及如何将其他类型转换为数值。此外，提到了String和Boolean转换，以及三元操作符、逻辑与和逻辑或的用法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.JS变量的声明与赋值

变量声明:var 变量名
变量赋值:变量名=值
一次声明多个变量用逗号隔开

1.var name;
  name="LiHua";
2.var name="LiHua"
3.var name="LiHua",age=18;
4.var name="LiHua",age;

2.typeof操作符

功能:检测变量类型
语法:typeof(变量)

1.typeof(name)
2.if (typeof(obj) == "undefined") {
		return true;
  }

3. undefined和null

1.如果定义的变量用于保存对象，那么最好将改变量初始化为null
2.undefined==null的返回结果是true

var student=null;

4.Number、NaN、isNaN()

Number:表示整数和浮点数
NaN:即非数值,是一个特殊的数值,属于Number类型

isNaN(n):检测n是否是"非数值"
返回值:boolean
isNaN()对接收的数值,先尝试转换为数值,再检测是否为非数值

var age=18;
console.log(typeof(age))        Number
console.log(age-"abc")          NaN
console.log(typeof(age-"abc"))  Number
console.log(isNaN(age))         false

var id="1";
console.log(isNaN(id))          false

5.数值转换

1.Number
var id="1";
id=Number(id);
console.log(typeof(id))      Number

2.parseInt     需要以数字开头
var topVal=parseInt("28px");
console.log(topVal)          28

var a=parseInt("abc28");
console.log(a)               NaN

var a=parseInt("028");
console.log(a)               28

3.parseFloat   只有第一个小数有效
var a=parseFloat("1.2.3");
console.log(a)              1.2

var b=parseFloat("01.2.3");
console.log(b)             1.2

6.String

String():将str转换为字符串

var id=1;
var idStr=String(id);
console.log(typeof(idStr));    String

7.Boolean

1.除0之外的所有数字，转换为布尔型都为true
2.除""之外的所有字符，转换为布尔型都为true
3.null和undefined转换为布尔型为false

var a=1;
console.log(Boolean(a));   true
var a=0;
console.log(Boolean(a));   false
var a="";
console.log(Boolean(a));   false
var a=null;
console.log(Boolean(a));   false
var a;
console.log(Boolean(a));   false

8.三元操作符

条件?执行代码1:执行代码2
var score=95;
var result=(score>=60) ?"及格":"不及格”;
console.log(result);     及格

9.逻辑与 &&

在有一个操作数不是布尔值的情况，逻辑与操作就不一定返回值，此时它遵循下列规则
1.如果第一个操作数隐式类型转换后为true，则返回最后一个操作数
2.如果第一个操作数隐式类型转换后为false，则返回第一个操作数
3.如果有一个操作数是null，则返回null
4.如果有一个操作数是NaN，则返回NaN
5.如果有一个操作数是undefined,则返回undefined

var m;
var n=null
console.log(80 && 55);                   55
console.log("hello" && 65 & "abc");      abc
console.log(0 && 30>20);                 0
console.log(n && num3);                  null
console.1og(55 && true && 33*"abc");     NaN
console.log(m && true);                  undefined

10.逻辑或 ||

在有一个操作数不是布尔值的情况，逻辑或操作就不一定返回值，此时它遵循下列规则 :
1、如果第一个操作数隐式类型转换后为true，则返回第一个操作数
2、如果第一个操作数隐式类型转换后为false，则返回第二个操作数
3、如果两个操作数是null，则返回null
4、如果两个操作数是NaN，则返回NaN
5、如果两个操作数是undefined，则返回undefined

var m;
console.log("hello" || 0);        hel1o
console.log("" || 88 || true);    88
console.log("" || 0 || "abc");    abc
console.log("" || 0 || null);     null
console.log("" || m);             undefined
console.log(30*"abc" || 55-"def");NaN