JavaScript基础（第一周）
2021-11-21 23:51:24 0 举报AI智能生成
JavaScript基础
作者其他创作
大纲/内容
变量和数据类型
变量的定义
变量即为一个标记，在程序未运行时，可以理解为它存储为一个数据；
程序运行之后，这个标记中的数据是可以变化的。
程序运行之后，这个标记中的数据是可以变化的。
结构：var/let 变量名=值
△ let age = 18;
//let(声明变量的一个关键字，先声明变量再赋值)
//age(变量名)
//=（运算符，赋值）
//18（变量的值，将右侧的值赋予左侧的变量）
// ; (表示一行代码的结束)
输出到控制台：console.log(age);
console.log(typeof(age));
//typeof运算符来判断某个变量是什么类型
输出到页面：document.write(age);
//let(声明变量的一个关键字，先声明变量再赋值)
//age(变量名)
//=（运算符，赋值）
//18（变量的值，将右侧的值赋予左侧的变量）
// ; (表示一行代码的结束)
输出到控制台：console.log(age);
console.log(typeof(age));
//typeof运算符来判断某个变量是什么类型
输出到页面：document.write(age);
数据类型
数字number
let age =18;//整数与浮点数
let age =18;//整数与浮点数
字符串string
let str = "Jerry";//单引号或双引号
let str = "Jerry";//单引号或双引号
function
function(){}//自定义函数（打包代码块）
function(){}//自定义函数（打包代码块）
对象object
let a1=null;
//赋值为null
//赋值为null
let a1={name:"某某某",age=18,tel="13111111111"}
//自定义对象——{}大括号表示，内容逗号隔开
//自定义对象——{}大括号表示，内容逗号隔开
let a1=[1,2,3]
//数组为对象的一种[ ]——中括号表示，内容用逗号隔开
//数组为对象的一种[ ]——中括号表示，内容用逗号隔开
let a1=new Date();
//Js中的内置日期对象
//Js中的内置日期对象
布尔bolean
let flag = true;//1>2
判断true或false
let flag = true;//1>2
判断true或false
undefined
let n;//不赋值
let n;//不赋值
typeof(运算符)
//来判定某个变量的数据类型
//来判定某个变量的数据类型
debug
//是每个程序猿必备的技能
//是每个程序猿必备的技能
网页F12呼出检查，切换至Sources->定义的文件名称->设置断点->F5刷新->检查运行变量的值是否符合预期->根据情况做好调整
基本语法
在head中插入<script></script>
在body中插入<script></script>
可作外部文件引入xx.js---<script src="xx.js"
运算符
算数运算符
+ - * / ++ --
+ - * / ++ --
比较运算符
> < != <= >= == ===(得到的结果一定是为true或false->boolean布尔值)
//==比较不同类型的数据，内容相同结果就为“true”
//===比较相同类型的数据，内容相同结果才为“true”
let a=“10”;
console.log(a==10);——true
console.log(a=="10");——true
console.log(a===10);——false
console.log(a==="10");——true
> < != <= >= == ===(得到的结果一定是为true或false->boolean布尔值)
//==比较不同类型的数据，内容相同结果就为“true”
//===比较相同类型的数据，内容相同结果才为“true”
let a=“10”;
console.log(a==10);——true
console.log(a=="10");——true
console.log(a===10);——false
console.log(a==="10");——true
赋值运算符
= += -= *= /=
= += -= *= /=
逻辑运算符
&&(或) ||(非) !
//针对boolean值
&&(或) ||(非) !
//针对boolean值
位运算符等
流程控制
条件结构
if(条件){ }——如果...就...
if(条件){ }else{ }——如果...就...否则...
if(条件1){ }else if(条件2){ }else{ }——如果1...就1...如果2...就2...否则...
switch(条件){
case:
break ;//break可省略，但是不会跳出switch结构了
default://相当于else，也只能有一个
break ;
}
case:
break ;//break可省略，但是不会跳出switch结构了
default://相当于else，也只能有一个
break ;
}
练习中学到：
%除余符号——如1234%10=3.4(1234/10=123余数为4)
%除余符号——如1234%10=3.4(1234/10=123余数为4)
循环结构
for循环
语法较为简洁，合适循环次数确定；
先判断，在执行循环体
语法较为简洁，合适循环次数确定；
先判断，在执行循环体
for(表达式1；表达式2；表达式3){ //循环体 }
1->给变量赋值，先执行一次，而且只执行一次
2->为条件判断，1执行完成后，2执行，条件运算符或者配合逻辑运算符
3->为true则执行循环体，为false则跳过循环体结束
4->执行完循环体后，代码区执行表达式3->变量的变化（++或--）
5->表达式3执行完成后，继续执行表达式2判断是否满足条件
1->给变量赋值，先执行一次，而且只执行一次
2->为条件判断，1执行完成后，2执行，条件运算符或者配合逻辑运算符
3->为true则执行循环体，为false则跳过循环体结束
4->执行完循环体后，代码区执行表达式3->变量的变化（++或--）
5->表达式3执行完成后，继续执行表达式2判断是否满足条件
while循环
适合循环次数不确定
先判断，再执行循环体
适合循环次数不确定
先判断，再执行循环体
let i =1; //先定义变量初始化
while(i<10){ //小括号里写判断条件
i++; //大括号里写变量的变化
}
while(i<10){ //小括号里写判断条件
i++; //大括号里写变量的变化
}
do-while循环
先执行一次循环体，再判断条件
不管条件是否成立，都会执行一次循环体
先执行一次循环体，再判断条件
不管条件是否成立，都会执行一次循环体
let i=1; //变量定义初始化
let sum = 0; //定义一个变量存放累加的和
do{
sum=sum+i;
i++; //变量的变化
}while(i<100){ //小括号里为条件
consle.log(sum);
}
let sum = 0; //定义一个变量存放累加的和
do{
sum=sum+i;
i++; //变量的变化
}while(i<100){ //小括号里为条件
consle.log(sum);
}
嵌套循环
//以for循环为例
//以for循环为例
let s = 0;
//外部的循环称为外循环
for(let i =1;i<=5;i++){ //当i=1的时候，内循环执行了5次，为2、3、4、5的时候都各执行了5
次，所以内循环共执行了25次=外循环5次*内循环5次=25次
let x=0;
//内部循环称为内循环
for(let j = 0;j<=5;j++){
s++;
x++;
}
console.log(x); //x为5
}
console.log(s); //s为25
//外部的循环称为外循环
for(let i =1;i<=5;i++){ //当i=1的时候，内循环执行了5次，为2、3、4、5的时候都各执行了5
次，所以内循环共执行了25次=外循环5次*内循环5次=25次
let x=0;
//内部循环称为内循环
for(let j = 0;j<=5;j++){
s++;
x++;
}
console.log(x); //x为5
}
console.log(s); //s为25
0 条评论
下一页
为你推荐
查看更多
