正文
二阶段js 入门知识点 自我总结复习
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
二阶段自我总复习
1.javascript基础 ：
客户端 安全性 跨平台 脚本语言
三大结构： 顺序 、选择、循环
顺序：运算符和表达式
逻辑运算符： 与&& 或|| 非！ 如：5||6 5&&6
算术运算符： + - * / % ++ --
关系运算符： > < == ===
条件运算符（三目） ？ ：
赋值 = += -= *= /= %=
数据类型： 基本： string number boolen
复合数据类型 ： object
特殊 null undefined
es6新增的数据类型 ： symbol
（扩展）
typeof 测试变量的数据类型
typeof typeof 数据 ---> string
运算符的优先级
() > 单目 > 算术 > 关系 > 逻辑 > 条件 > 赋值
*/% +- && ||
类型转换
在
算术运算和关系运算中， 纯数字字符串会自动转换成数值进行计算
null 会自动转换成0
undefined 会自动转换成 NaN
如： 1 + null = 1
1 + undefined = NaN
"a" > undefined false
强制类型转换: 强制将某个类型转成另一个类型，如果不能正常转换，结果就是NaN
parseInt() 将字符串转成整数
parseInt("12") -- 12
parseInt("12ab") -- 12
parseInt("ab12ddd") -- NaN
parseInt("ab12") --- NaN
parseInt("12a34"); --12
parseFloat() 将字符串转成小数
parseFloat("12.34ab34"); -- 12.34
parseFloat("12ab12.34"); -- 12
Number() 尝试将某个类型转成 数值型 如果不能转换，值为NaN
Number( true ) 1
Number( false ) 0
Number("12") 12
Number( "12ab" ); NaN
Number( "12ab34" ) NaN
toString() 尝试将某个类型转成字符串
eval() 将一个字符串转成表达式 并返回表达式的值 (将引号去掉)
alert( "2+3" );
alert( eval("2+3") );
eval("alert(2)");
2.js中标识符（变量）的命名规范
a、js中的标识符只能由 字母、数字、下划线、$ 组成（不建议用中文）
b、标识符 不能用 数字 开头
c、不能使用系统指定的关键字命名
3.if和switch 选择结构 控制语句
if常用于对一定范围进行判断
if判断条件：
1:所有非0的数字都表示true 否则为false
2:所有非空字符串都表示true 否则为false
3:条件直接写true 程序执行 false则不执行。
4：if(NaN) 返回 false
5:if(undefined) 返回false
6:if(null) 返回false;
7:所有对象返回 true;
8:所有存在的函数 返回的true;
switch常用于对固定的值进行判断。
switch ( 表达式 ){
case 常量 : 语句;
case 常量 ： 语句 ;
case 常量 ： 语句 ;
case 常量 ： 语句 ;
.......
default : 语句 ；
}
执行逻辑：
如果 case 后面的常量1 和 表达式1的结果匹配，开始执行 语句1；、
如果 case 后面的常量2 和 表达式1的结果匹配，开始执行 语句2；
......
如果所有的case 后面的值都不匹配 则执行的 是 default 后面的语句5
特点:case 有穿透性
怎样阻止case的穿透性：break语句。
附：下拉菜单写法： <select>
<option></option>
<option></option>
</select>
4.循环结构
for while do...while for...of for...in forEach() break和continue
1.循环的五大要素：
a:循环的变量
b:变量的初始值
c:循环体
d:变量的增值
e：循环的终止条件
循环的作用:
1:重复执行一段代码，简化代码
2:遍历数组、遍历对象、遍历节点集合......
2.for循环
的语法：
for(语句1;语句2；语句3){
循环体
}
for语法解析：
语句1：声明循环变量、并且初始化 eg: var i = 1;
语句2：循环的条件。 eg：i <= 100;
语句3：循环变量的增值 eg:i++
for 执行逻辑：
先执行语句1（声明循环变量，并且对变量初始化），然后执行语句2（判断是否符合循环条件，如果条件成立则进入循环体。）循环体执行完之后，开始执行语句3（变量的增值，增值之后，再次执行语句2，开始对循环条件进行判断。）
3.while循环
语法：
while(循环条件){
循环的代码。
}
while与do while的区别：
while:先对循环条件进行判断，如果条件成立则进入循环，如果不成立直接跳出（一次都不执行）
do while: 先对循环体执行一次，执行完一次之后，再对循环条件进行判断，如果条件成立则进入循环，否则跳出
while的执行逻辑：
1：对条件表达式进行判断
2：如果条件不成立，一次也不执行，直接跳出循环
3：如果条件成立。进入循环，开始循环“循环体”，循环一次之后，再次对条件进行判断，如果成立则继续执行“循环体”。如果不成立则跳出循环
while的跳出：
1：对循环条件的判断
2：break跳出（终止循环）
5.函数
关键字function创建
function myFn(){}
字面量形式
var myFn = function(){}
构造函数形式
var myFn = new Function();
函数的应用（调用函数）：
自调用 语法： 函数名（）; 函数名称后面有（） 函数则执行。
事件调用 事件源(绑定事件的元素).onclick = function(){}
函数的特点：
1：隐藏函数内部结构。
2：函数不会自动执行，再调用的时候才会执行（选择性应用）
3：重复应用，
函数的递归调用 ： 自己调用自己
function fn(m){
if(m==1){
return;
}else{
console.log( "hello" );
fn(m-1);
}
}
fn(3);
匿名函数自执行:
(function(){ })()
6.arguments对象
arguments.length 实参的个数 arguments[0];
通过arguments对象的length属性，可以判断实参的个数
打印所有传递的实参/
function fn(){
for(var i = 0 ; i < arguments.length ; i++){
console.log(arguments[i]);
}
}
fn(3,4,5,6,7,8,9)
7.返回值 return：
return 1：函数得返回值
2：调用函数得时候，希望从函数里面获得的数据
3:如果没有return 函数返回的undefined
4:在函数里面遇到return 直接返回。后面的代码不再执行。（break;）
5:return 只能出现在函数里面。
6:return只能返回一个结果。
8.变量提升
js的执行：
预编译（预解析）
第一步:js 先去检测语法错误。(先去检测语法，如果语法错误，直接报错，不执行)
第二部：变量提升。（把所有var声明的变量，提前到当前作用的最前面，所有的赋值语句原地等待）执行
变量提升：
先把所有var声明的变量，提前到当前作用的最前面
再次提升的是用关键字function定义函数
（函数的权重大于变量）
9.内置对象
a.数组Array
操作方法：
forEach() filter() map() reduce() indexOf() splice()--删除 替换 添加 slice() join() reverse() concat()
pop() push() shift() unshift() some() every()
b.字符串对象 String
字符串的操作方法：
indexOf() charAt() charCode() String.fromCharCode() slice() substr() substring() split() replace()
toLowerCase() trim()
10.正则
正则表达式对象 RegExp()
正则的特殊字符 ：
写一个身份证正则 ： /^\d{17}(\d|x)$/
正则的操作方法 ： test() exec()
参数是正则的方法 ：replace match search()
实现 :
使用正则去掉字符串中所有空白字符： " heheh hehaha haha ".replace( /\s/g , "" )
var arr = ["tmd","mmp","sb"];
var str = "hello sb sb tmd mmp wold tmd tmd";
for( var i = 0 ; i < arr.length ; i++ ){
var reg = eval("/"+arr[i]+"/g");
var reg =new RegExp( arr[i] ,"g" )
str = str.replace(reg,"*")
}
console.log( str )
