• 001 Javascript(001


    [A] Javascript 的组成

      1. ECMAScript

      2. DOM 文档

      3. BOM 浏览器

      【注】

          1. 所有的JS代码均在<javascript></javascript>内部进行编写,该标签放在html的head标签中

          2. 可以书写多个jascript标签,代码将自上而下运行

      示例:

        <script type="text/javascript">
            alert("hello world!!")
        </script>
    

      外部引入js文件:此时其内部书写的js代码将被自动忽略

    <script type="text/javascript" src="demo.js"></script>
    

      

    [B] Javascript 输出方法

      1. alert("......")

          在当前页面弹出信息

      2. document.write("......")

          在当前页面中显示文本信息

      3. console.log(".......")

          在页面终端上显示,主要用于程序员分析代码使用

    [C] JavaScript 注释

      1. 单行注释

        方法:// 注释信息

        快捷键:ctrl + /

      2. 多行注释

        方法:

          /*

            注释信息

          */

        快捷键:一般为 ctrl + shift + /    根据笔记本有所不同

      【注】JavaScript 语句在书写时,每一行 js 代码结尾需要添加 ; 说明该语句结束,便于后面进行代码压缩

          代码压缩:去掉编写代码的时候所包含的空格,tab键和换行。

    [D] 常量与变量

      常量:值不可以被修改的量

      基本数据类型

        1. 数字

            类型:number

            示例:10   -100    2.7

        2. 布尔值

            类型:boolean

            示例:true    false

        3. 字符串

          所有带双引号或者单引号的都叫做字符串(单引号与上引号没有区别,主要用于嵌套结构使用)

          

      复合 / 引用数据类型 (后续专门章节讲解)

          object

      特殊数据类型

        4. null 空

        5. undefined  未定义

        6. NaN  not a number

      

      变量:值可以被修改的量

      计算机的组成:

          磁盘  内存  CPU/GPU

      编写的代码,数据保存在磁盘上,而CPU/GPU只能从读取内存中的程序,故程序的执行过程是,程序从磁盘读取到内存中,内CPU/GU运行。

      【关键信息】内存中有空间,程序本质上是在内存中运行的,编程就是合理的分配内存

      1. 变量声明  变量在使用前必须先声明

          var  变量名;

      2.  初始化:声明变量的时候,直接给这个变量赋值,叫做初始化。

          var  a = 10;

      3. 未被初始化的变量,系统默认给它赋值 undefined。

    [E] 变量的命名与弱引用

      标识符:所有用户自定义的名字叫标识符。

        变量名就是一种标识符

      命名规则:

        1. 只能有字母,数字,下划线和美元符号($)组成;

        2. 不能以数字开头

        3. 不能使用关键字和保留字  

            

         4. 大小写敏感

          age 和 Age 是两个变量名

        5. 见名思意,即名字和内容最好匹配

        6. 驼峰式命名 和 下划线式命名

          ClassGroupName  class_group_name

      JS中变量失败一种弱引用类型,即变量被赋值成什么数据类型,它就是什么数据类型;更换成另一种数据类型又变成另一种数据类型。

      【注】不建议改变当前数据的类型。

      输出数据类型:
        typeof name    输出变量name的类型

    [F] 进制转换

      十进制  0 - 9

      

      二进制  0 和 1

      八进制

      十六进制

      十进制转二进制:除 2 取余法

      二进制转换成八进制

        规则:从右往左数,每三位一组,不足三位的用0补齐,最后将每一组数单独转换成八进制数  

      

      二进制转换成十六进制

        规则:从右往左数,每三位一组,不足三位的用0补齐,最后将每一组数单独转换成十六进制数  

      

    [G] XMind思维导图的使用

        待议

    [H] 算术运算符

      1. 算术运算符

        +    -      *      /     %(取余)

      2. 关系运算符

        >     >=     <    <=    == (等于)    != (不等于)     ===(恒等于)     !==(不恒等于)

      3. 逻辑运算符

        &&     ||      !

      4. 赋值运算符

        =    +=   -= *= /*

      【注】不同数据类型之间不能进行计算

    [ I ] 强制数据类型转换

      1. Boolean()  将其他数据类型转换成布尔值  

          口诀:非零即真,非空即真

      2. Number()  将其他数据类型转换成数字

          【注】只有纯数字组成的字符串,才能转换成数字,其他的都是NaN,即 not a number

      3. parseInt()  取整,忽略小数点后面的数字,这与四舍五入有区别

          【注】对于字符串,会从左到右提取数字的整数,若没有则为NaN,如:parseInt("19s4n4")——>19,parseInt("v19s4n4")——>NaN

           将制定进制的字符串数值转换成十进制数

            parseInt("100101010", 2)  将二进制的"100101010" 转换成十进制数

            parseInt("352736452734", 8)  将八进制的"352736452734" 转换成十进制数

      4. parseFloat()  取浮点数

    [J] 关系运算符

          关系运算符运算的结果均为布尔值

      当两侧操作数不同时,遵循以下规则:

      1. 如果两侧操作数均为数值,直接比较

      2. 如果两侧操作数都是字符串,测比较两个字符串对应的ASCII编码值(挨个比较)

      3. 如果其中一个操作数为数字,则现将另一个转换成数字(自动数值类型转换),在进行比较

      

      在相等和不等的比较时,遵循以下规则:

      4. 若其中一个操作数为布尔值,则先转换成数值,false  转成 0, true  转成  1

      5. 其中一个操作数为字符串,则先转换成数值在进行比较

      6. 其中一个操作数为NaN,则 == 返回 false,!= 返回 true ;并且 NaN和自身不等。

      7. 当比较 恒等(===) 和 不恒等(!==) 时,必须值和类型都相等时,才表示恒等。

    [K] 逻辑运算符

      1. 与运算

        格式:

          表达式1  &&  表达式2

        规律:只有当两个表达式都为true‘时,返回值才是真

        短路操作:

            当表达式1为false时,直接返回false,不再执行后面的表达式2

      2. 或运算

        格式:

          表达式1  ||  表达式2

        规律:只有当两个表达式都为false时,返回值才是假

        短路操作:

            当表达式1为true时,直接返回true,不再执行后面的表达式2

      3. 非运算

        格式:

          !表达式

        规律:将现有值先转换成布尔值,然后取反

          非0即真

    [L] 流程控制语句

      1. 顺序结构:代码自上而下顺序执行

      2. 选择结构 / 分支结构 / 选择结构:根据不同的条件,执行不同的操作

            if(判断条件){
                执行语句;(判断条件结果为true时执行)
            }
            else{
                执行语句;(判断条件结果为false时执行)
            }
    

        【注】还有  else if  语句进行双分支结构判断

            if(判断条件1){
                执行语句;(判断条件1结果为true时执行)
            }
            else if(判断条件2){
               执行语句;(判断条件2结果为true时执行)
            }
            else{
                执行语句;(判断条件2结果为false时执行)
            }
    

        【注】switch-case 判断结构

            switch(表达式){
                case 常量1:
                    执行语句1;
                    break;
                case 常量2:
                    执行语句2;
                    break;
                case 常量3:
                    执行语句3;
                    break;
           default:
              执行语句4;
              break;
    }

      

      3. 循环结构:重复去做一件事情

        1. while循环

            while(判断条件){
                执行语句;(当判断条件结果为真时执行)
            }
    

        2. do-while循环

            do{
                执行语句;(当判断条件结果为真时执行)
            }while(判断条件)
    

        区别:一个是先判断,再循环,一个是先循环再判断

        3. for循环

            for(var i = 0; 1<=100; i++){
                代码块;
            }
    

        【拓展】

            1. break  跳出当前循环体

            2. continue  结束本次循环,进行下一轮循环

    [M] 三目运算符

        格式:表达式1?  表达式2:表达式3

        执行方式:

            1. 先判断表达式1是否为真

            2. 若表达式1为真,则直接去执行表达式2

            3. 若表达式1为假,则直接去执行表达式3

        【注】相当于多分枝语句

      

  • 相关阅读:
    当开发者产生一个伟大的想法之后应该做的10件事
    PUT 还是 POST ?
    Failed to issue method call: Unit mysqld.service failed to load: No such file or directory.
    使用 Protocol Buffers 代替 JSON 的五个原因
    Java 打印堆栈的几种方法
    Eclipse调试Java的10个技巧
    如何使用命令查看系统名称?
    Feed系统架构资料收集
    dcm4chee 修改默认(0002,0013) ImplementationVersionName
    【原创】分布式之数据库和缓存双写一致性方案解析
  • 原文地址:https://www.cnblogs.com/carreyBlog/p/13043109.html
Copyright © 2020-2023  润新知