二阶段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 )