JS 三个部分作用
BOM
(浏览器对象模型)DOM
(文档对象模型)ECMAScript(ES)
:逻辑编程语法,可以用来实现业务逻辑标识符
,就是指变量
、函数
、属性
的名字,或函数的参数
。字母、下划线( _ )
或一个美元符号( $ )
。关键字
和保留字
函数 | 说明 |
---|---|
alert(msg) | 用浏览器 弹出框 显示msg |
console.log(msg) | 用浏览器 控制台 显示msg |
prompt(info) | 用户输入框,接收用户输入,info是提示信息 |
confirm(info) | 确认选择框,接收用户选择(是/否),info是提示信息 |
document.write(msg) | 向浏览器body标签中输出msg |
let age; // 变量声明 - 声明了一个 名字叫做 age 的变量
age = 10; // 变量赋值 - 向变量 age 赋值
console.log(age); // 打印 age里保存的值:10
let age = 10; // 声明和赋值一次完成
console.log(age); // 打印 age 里保存的值:10
多个变量名用逗号隔开
let name,age,gender;
name='彭于晏';
age=38;
gender='男孩子';
console.log(name +age +gender);
let stu3='财务' , age = '18' ,gender='小姐姐啊';
console.log(stu3 + age + gender);
let usrName; // 声明变量
console.log(usrName); // undefined - 未定义
usrAge = 27; // 不使用 let 关键字来声明变量 并赋值
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
let num = 10,
num2 = 20;
// 1.利用第三方变量
// let tmp;
// tmp = num;
// num = num2;
// num2 = tmp;
// 2.利用相加相减
num = num + num2
// 30 10 20
num2 = num - num2
// 10 30 20
num = num - num2;
// 20 30 10
console.log(num,num2);
</script>
</head>
<body>
</body>
</html>
'
或"
括起来。toString()
、String()
、拼串
。<script>
// 自增运算:在自己的基础上加1
// 前自增:++1
// 后自增:i++
// 区分前后自增的区别
/*
let num1 = 10,
num2 = 20;
let res = num1 + num2++;//30
console.log(res);//先参与到式子运算,然后再自增(先人后己) */
let num1=10,num2=20;
let res=num1 + ++num2;
console.log(res);// 31 先自增自己,再参与到式子中运算(先己后人)
console.log(num2);//21在自己的基础上加一
// 自减运算:在自己的基础上减一
// 前自减:
// 后自减:
let num1=10;num2=20;
let res=num1+num2--;
console.log(res);//30 先参与式子的计算,再自己减一
console.log(num2);//19
let num1=10;num2=20;
let res=num1+ --num2;
console.log(res);//29 先自减自己,再参与到式子运算
console.log(num2);//19
</script>
Number
类型用来表示整数和浮点数,最常用的功能就是用来
表示10进制的整数和浮点数。
Number表示的数字大小是有限的,范围是:
– ± 1.7976931348623157e+308
– 如果超过了这个范围,则会返回±Infinity
。
NaN
,即非数值(Not a Number)是一个特殊的数值,JS中当对数值进行计算时没有结果返回,则返回NaN。
数值的转换
有三个函数可以把非数值转换为数值Number()、parseInt()和parseFloat()。
Number()
可以用来转换任意类型的数据,而后两者只能用于parseInt()
只会将字符串转换为整数,而parseFloat()可以转换为浮点数。布尔型也被称为逻辑值类型或者真假值类型。
真(true)
和假(false)
两种数值。除此以外,Boolean()
函数转换为布尔类型。<script>
// 其他数据转成布尔值
// 最终只会是true false
// Boolean(转换数据);
// 哪些数据可以转成true
console.log(Boolean(123));
console.log(Boolean(123.13));
console.log(Boolean('guoguo'));
console.log(Boolean(' '));//空格
console.log('---------------');
// 哪些数据可以转成false
console.log(Boolean(0));
console.log(Boolean(''));//空值
console.log(Boolean(""));
console.log(Boolean(undefined));
console.log(Boolean(null));
console.log(Boolean(NaN));
</script>
Null 类型是第二个只有一个值的数据类型,这个特殊的值是
null
。
Undefined
类型只有一个值,即特殊的 undefined 。
PS:
变量的数据类型是根据 = 右边的值来确定的,但如果只声明了变量,没有赋值,那么变量中类型就是未定义
let message;
message 的值就是 undefined。
使用typeof
操作符可以用来检查一个变量的数据类型。
算数运算符顾名思义就是进行算数操作的运算符
自增 ++ 自减 - -
运算符在前置时,表达式值等于变量原值。
运算符在后置是,表达式值等于变量变更以后的值。
<script>
// 自增运算:在自减的基础上加1
// 前自增:++1
// 后自增:i++
// 区分前后自增的区别
/*
let num1 = 10,
num2 = 20;
let res = num1 + num2++;//30
console.log(res);//先参与到式子运算,然后再自增(先人后己) */
let num1=10,num2=20;
let res=num1 + ++num2;
console.log(res);// 31 先自增自己,再参与到式子中运算(先己后人)
console.log(num2);//21在自己的基础上加一
</script>
一般情况下使用逻辑运算符会返回一个布尔值。
简单的赋值操作符由等于号 ( = ) 表示,
其作用就是`把右侧的值赋给左侧的变量。
• 如果在等于号左边添加加减乘除等运算符,就可以完成复合赋值操作。
运算符 | 描述 | 实例 |
---|---|---|
x += y | 加等于 | let x = 1; x += 4; // x = x + 4 |
x -= y | 减等于 | let x = 2; x -= 3; // x = x - 3 |
x *= y | 乘等于 | let x = 3; x *= 2; // x = x *2 |
x /= y | 除等于 | let x = 4; x /= 1; // x = x /1 |
x %= y | 取模等于 | let x = 10; x%=3 ; // x = x % |
==
"来判断两个值是否相等,如果相等则返回===
表示全等,他和==
基本一致,不过==在判断两个值===
不会。!==
表示不全等,同样比较时不会自动转型。条件运算符也称为三元运算符。通常运算符写为
?:
。
<script>
let a ,b ,c;
a=+prompt('请输入第1个数:');
b=+prompt('请输入第2个数:');
c=+prompt('请输入第3个数:');
// a>b?alert('a>b'):alert('b>a');
/* max=a>b?a:b;
max=max>c?max:c; */
let max=a>b?(a>c?a:c):(b>c?b:c);
alert('max='+max);
let min=a>b?(b<c?b:c):(a<c?a:c);
alert('min='+min);
</script>
语句是一个程序的基本单位,JS的程序就是由一条一条语句构成的,每一条语句使用;结尾。
JS中的语句默认是由上至下顺序执行的,但是我们也可
以通过一些流程控制语句来控制语句的执行顺序。
{
var a = 123;
a++;
alert(a);
}
条件语句是通过判断指定表达式的值来决
定执行还是跳过某些语句。
if...else
switch...case
和条件语句一样,循环语句也是基本的控
制语句。
循环中的语句只要满足一定的条件将会一
直执行。
本文地址:https://blog.csdn.net/weixin_44757417/article/details/107370619
如对本文有疑问, 点击进行留言回复!!
MFC的静态库.lib、动态库.dll(包含引入库.lib)以及Unicode库示例
CTF 刷题记录(一) 白云新闻搜索(手动与自动化SQL注入)
javascript如何使用函数random来实现课堂随机点名方法详解
网友评论