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