if
变量名
开发者起的一个名字
注意
1.不能使用关键字 定义变量名
2.不能以数字开头
3.不能以特殊符号开头
4.定义变量名要有意义
驼峰命名法
第一个首字母小写其他首字母大写
下划线命名法
意义
变量名
开发者起的一个名字
外号
标记
值
具体内容
数字
文字(字符串)
数组
对象
由名字 表示 后面的值
子主题 1
3.注释
单行注释
Ctrl+/
多行注释
Ctrl+shift+/
没实际意义,不会去执行
只让开发者看到
不让浏览器看到,屏蔽了浏览器
4.调试
按F12(右键检查元素)->console
数据类型
Number 数字类型
包含浮点和整数
String
字符串类型“”或者"包裹的都是字符串
boolean
波尔类型
true
对
false
错
Array 数组
Object 对象
Function 函数
数据类型的转换
字符串 转数字
转整数
parselnt()
转浮点
parseFloat()
如何使用小数?
精度丢失
不要直接使用小数
非要使用
1.乘以100(精准的级别)倍
2.运算完毕 再还原倍数
运算符
算术运算符
+
-
*
/
%
复合运算符
+=
var a =10;
var b = 20;
a =a+ b
a += b
-=
var a =10;
var b = 20;
a- =a+ b
*=
/=
%=
++
自己给自己增加一个一
--
自己给自己减少一个一
自增自减运算符
比较运算符
结果
就是一个Boolean类型的值
true
false
>
<
>=
<=
==
忽略数据类型
1与“1”认为是相同的
===
严格查看数据类型
1与“1”认为是不相同的
必须类型与值都相同
!=(不等于)
1 “1”
假的
!==
1 “1”
真的
逻辑运算符
与&& (两个and符)
所有条件 都必须满足 才算真的
或||
只要有一个条件满足 就是真的
非!
黑白颠倒
对的就是错的 错的就是对的
/*
* 表示真的值
* true
* 1
* 有内容的字符串“xx”(不是空字符串)
*(存在值的)有值的对象
*
* */
/*表示假的值
* false
* 0
* null
* undefineded
* NaN
* 空字符串“ ”
* */
三元运算(三目运算)
经常代替if else语句
if(睡觉){
做梦
}else{
掌握三元运算
}
三元运算
睡觉?做梦:掌握三元运算
条件?满足执行:不满足执行
必须 数字与 数字之间 运算
输入内容
prompt() 弹窗
输出
console.log(a);//日志
console.warn(a);//警告
console.info(a);//详细信息
调试方式
1.console.log(a);//日志
2.断电调试(至少是半个大神级别才会)
在程序中 打点 阻止继续执行
调试流程
1.先通过经验 定位到 大概错误位置
2.打开浏览器中的sources
3.点击要调试的文件(js)
4.在怀疑有错误的地方 点个点(打断点 在数字位置)
5.程序重新运行会在断点位置停止
->鼠标移动到断点上面的变量
->就会显示变量的值
6.如果继续排错 可以打多个断点
通过播放键 跳到下一个断点
通过下一步 执行下一步代码
分支结构
if语句
if(条件){
}
if(条件){
}else{
}
if(){
}else if(){
}else{
}
switch
选择其中的某一个点子(case)
switch(变量){
case值1:
break;
case值2:
break;
default:
}
break不是强制添加的 如果不添加break 程序会继续走下面的条件
循环结构
知道循环次数
for
for(var i=0;i<5;i++){
循环体;
}
for()中的各个语句的含义
var i=0; 初始化变量
i<5; 循环的条件
i++;更改变量的值
不知道循环次数
while
while
while(条件){循环体}
do while
do while
不管条件 满不满足 先执行一次循环
循环相关的关键字
continue
从continue的位置开始 跳过本次循环
continue前面不会跳过
for (var i=1;i<=100;i++) {
console.log("晕晕晕");
if (i===33||i===55||i===72) {
continue;
// 从continue的位置开始 跳过本次循环
}
console.log(i);
}
break
跳出循环
函数
具备某些功能的工具
四种类型
无返回值
带参数
不带参数
var 函数名 = function函数名(){}
function函数名(){}
函数名()
整体
有返回值
带参数
不带参数
返回值
带返回值的函数是什么?
返回值 是什么 函数就是什么
1
function x(){return 1}
return 值;(return 后面加个值)
return
放到函数中
return 值;
有返回值的函数
return ;
跳出函数
组成
声明函数
function函数名(){}
调用函数
函数名()
内置函数
console.log();
console.log() 方法用于在控制台输出信息。
该方法对于开发过程进行测试很有帮助。
alert()
alert() 方法用于显示带有一条指定消息和一个 确认 按钮的警告框。
Math.random();
随机数
prompt()
prompt()方法用于显示可提示用户进行输入的对话框。
封装
编程思想
参数
形式参数
形参
没有实际意义
代表着 即将传进来的实参
实际参数
实参
是 实实在在的一个值
返回值
带返回值的函数是什么?
返回值 是什么 函数就是什么
1
function x(){return 1}
return 值;(return 后面加个值)
return
放到函数中
return 值;
有返回值的函数
return ;
跳出函数
作用域
概念
变量起作用的范围
局部变量
作用域 只在定义的函数体 里面,在函数体外面是不可以使用的
全局变量
子主题 1
自执行函数
作用域的问题(防止多个js文件间 变量互相影响)
作业
面试题
作业
回顾
1.
变量的定义
值可以被更改的量 叫做变量
公式:var 变量名 = 值;
var a = 30;
a = 10;
a = 25;
2.
数据类型
数字Number
数字
字符串转数字
parseInt()
整数
parseFloat()
浮点
如
var s = "3.1415926";
document.write(parseInt(s));
document.write("<hr>");
var s = "3.1415926";
document.write(parseFloat(s));
document.write("<hr>");
字符串String
“”
‘’
数字转字符串 +
拼接字符串
+
波尔Boolean
true
非0数字
123
-123
非空字符串
“有内容”
“ ”
有值的对象
var a = {s:12}
var b = [12,3]
var c = function(){}
false
0
NaN
undefined
null
""
函数Function
匿名函数
var a = function(形参列表){函数体}
function 函数名(形参列表){函数体}
数组Array
对象Object
3.
运算符
a.算术运算符
+
var a = 1+1;
-
var a = 1-1;
*
var a = 1*1;
/
var a = 1/1;
%
var a = 1%1;
b.复合运算符
+=
var a = 10;
a = a+5;
var a = 10;
a += 5;
-=
var a = 10;
a -= 5;
*=
var a = 10;
a *= 5;
/=
var a = 10;
a /= 5;
%=
var a = 10;
a %= 5;
++
--
加加减减在前 先做自增减 再做其他运算
var a = 30;
var b = a++ + 40;//a 是30
console.log(a)//31
c.逻辑运算符
逻辑与&&
两边条件都满足 -> true
只要有一个条件不满足 就不成立 -> false
逻辑或||
两边条件 只要有一个满足 -> true
两边条件 都不满足 -> false
逻辑非!
对的加上感叹号 -> false
错的加上感叹号 -> true
d.比较运算符
>
>=
<
<=
==
忽略数据类型
1 == “1” --->true
===
绝对等于 区分数据类型
1 === “1” --->false
!=
!==
对比之后的结果 -> boolean类型的值(true false)
三元运算(三目运算)
经常代替if else语句
if(睡觉){
做梦
}else{
掌握三元运算
}
三元运算
睡觉?做梦:掌握三元运算
条件?满足执行:不满足执行
大于18岁?结婚:不结婚
4.
分支结构
if
if(条件){条件满足执行}
if(条件){条件满足执行}else{条件不满足执行}
if(条件){条件满足执行}else if(条件){条件满足执行}else{条件不满足执行}
switch case
switch(变量){
case 值1:
满足这个case执行代码
break;
case 值2:
满足这个case执行代码
break;
default:
所有case都不满足 执行
}
5.
循环结构
for
知道循环次数的时候用
for(var i=0;i<99;i++){循环体}
var i=0; 初始化变量
i<99; 循环的条件
i++;更改变量的值
while
不知道循环次数的时候用
while
while(条件){循环体}
//1 表示true 肯定满足
while(1){
var num = parseInt(Math.random()*11);
if(num===10) {break;}
}
do while
不管循环条件是不是满足,都会先执行一次
do {循环体}while(条件)
关键字
continue跳过本次循环
breakt跳出循环
6.
函数
创建函数
function函数名(形参列表){函数体}
调用函数
函数名(实参列表)