• web2


    JavaScript 知识要点

    参考教材一
    参考教材二
    参考教材三

    1.JavaScript 和 Java 的关系?

    2.JavaScript 在编程中可以做什么?

    3.如何在 html 中使用 JavaScript?

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
        <script>
            var string = "hello javaScript";
            console.log(string);
        </script>
    </head>
    <body>
    </body>
    </html>
    

    一、JavaScript 在 html 中的运行与调试

    1.终端信息输出 console.log

    console.log("我是终端输出");
    

    2.内容及标签输出 document.write

    var a = "<h1>我是一级标题<h1>";
    document.write(a);
    

    2.三种弹窗方式:alert、confirm、prompt

    //第一种
    alert("我是第一个 JavaScript 弹窗!");
    alert("我是第二个 JavaScript 弹窗!");
    
    //第二种
    var info = confirm("您确定要提交订单吗?");
    if (info == true) {
       document.write("您提交了订单!");
    } else {
    document.write("您取消了订单!");
    }
    
    //第三种
    prompt("我是message", "我是value");
    

    二、JavaScript 中的运算符

    1. JavaScript 算术运算符:+ 、- 、* 、/ 、%
    2. JavaScript 赋值运算符:=
    3. JavaScript 比较运算符:== 、!= 、> 、< 、>= 、<=
    4. JavaScript 逻辑运算符:&& 、||、 !
    5. JavaScript 自增自减运算符 ++
    6. JavaScript 中的复合运算符 --

    三、JavaScript 流程语句

    1. if(){} 条件为真,执行 if 语句块里面的内容
    2. if(){} else(){} 条件为真,执行if语句块的内容,条件为假,执行 else 里面的内容
    3. if(){} else if(){} else{} 多条件语句
    4. for(){} 和 java for 循环类似
    5. while(){} 条件满足,执行while里面的内容
    6. do{}while(); 无论条件是否满足,先执行依次do里面的内容
    7. switch(){} 选择执行case语句
    8. continue; 继续执行下一次循环
    9. break; 跳出循环
    10. 三目运算符 布尔语句?true:false

    四、JavaScript 中的数据类型及常见操作

    1.var 类型

    var int = 123;
    var float = 123.0;
    var string = "string";
    var boolean = true;
    

    2.function(函数)

    //1.如何定义一个 JavaScript 函数(方法)
    function 方法名(参数)
    {
    	这里是要执行的代码
    }
    
    //2 如何调用一个 JavaScript 函数?
    //3 如何定义带参数的 JavaScript 函数?
    //4 如何使 JavaScript 函数带返回值?
    

    3.number(数值型)1,2,3,4,5

    //1 Math常用方法 pow(),round(),random(),max(),min()
    
    //2 科学计数 e 的使用
    
    //3 不是数字的数字--NaN
    
    //4 “NaN”基本不和任何类型的数据相等,要判断一个数据的值是否是“NaN”,JavaScript提供了一个方法:isNaN(param)
    
    //5 不同的数据类型进行加减乘除, + 号起拼接字符串作用,其他符号起算术运算作用
    
    //6 数值型的进制 二进制:0b/0B、八进制:0o/0O、十六进制:0x/0X
    
    //7 整数转换 parseInt()
    
    //8 浮点数转换 parseFloat()
    
    //9 转换为数值 Number()
    
    

    4.string(字符串)在JavaScript中,所谓的字符串就是包含在英文"双引号"或'单引号'中的内容

    //1 从表单元素中获取到的值的数据 document.getElementsByTagName
    
    //2 通过 innerHTML 属性和 textContent 属性获取到的文本内容
    
    //3 数组和字符串是可以互相转换的,这就需要用到两个方法:“split()”和“join()”
    
    //4 String() 构造字符串
    
    //5 toString() 将一个数值转换为对应参数的进制数
    
    //6 使用 concat() 方法拼接数值型
    
    //7 使用 + 方法拼接数值型
    
    //9 使用 slice()方法,从原字符串取出子字符串并返回,不改变原字符串。第一个参数表示开始位置,第二个参数表示结束位置(可为正、负数)
    
    //10 substring()方法,也是获取子串,但不推荐使用
    
    //11 substr()方法,第一个参数表示起始位置,第二个参数表示截取的长度
    
    //12 indexOf()方法和lastIndexOf()方法查询字符或字符串的位置
    
    //13 trim()方法,用于去除字符串两端的空格(同时包含换行符“
    ”,制表符"	、v"和回车符“
    ”),返回一个新字符串,不改变原字符串。
    
    //14 match()方法,用于确定原字符串是否匹配某个子字符串,返回一个数组,数组元素为匹配的第一个字符串。如果没有找到匹配,则返回null。match()方法还可以使用正则表达式作为参数。
    
    //15 search()方法,用法等同于match()方法,但是返回值为匹配的第一个位置。如果没有找到匹配,则返回-1。search()方法同样可以使用正则表达式作为参数。
    
    //16 replace()方法,用于替换匹配的子字符串,一般情况下只替换第一个匹配(除非使用带有g修饰符的正则表达式),假如没有找到,则不会进行任何替换操作。replace()方法同样可以使用正则表达式作为参数。
    
    //17 toLowerCase()和toUpperCase()方法,toLowerCase()方法用于将一个字符串全部转为小写,toUpperCase()则是全部转为大写。它们都返回一个新字符串,不改变原字符串。
    
    //18 Base64转码,btoa() 将字符串或二进制值转为Base64编码,atob() 将Base64编码转为原来的编码
    
    

    Base64 编码

    5.boolean(布尔型)true / false

    // 布尔型主要用于判断语句
    
    // 布尔表达式?
    
    

    6.JavaScript 中的数组 [1,2,3,4,5] 或者 [1,,'A',"hello","你好",true]

    //1 JavaScript 中的数组的定义使用 []
    
    //2 支持下标取值, Object.keys获取数组所有的下标。
    
    //3 可以使用 length 获取数组长度
    
    //4 数组的空位,使用运算符in,适用于对象,也适用于数组。该运算符用于检测数组元素的某个位置是否存在元素,返回的是一个布尔值
    
    //5 使用 Array.isArray()方法,判断是否为一个数组对象
    
    //6 valueOf()方法用于返回对象本身的值,这是各种数据类型对象的通用方法
    
    //7 toString()方法可以将值转化成一个字符串,这和String()方法的作用是一样的,同样为一个通用的方法
    
    //8 push()方法用于在数组的末端添加一个或多个元素,并返回添加新元素后的数组长度,该方法会改变原数组
    
    //9 concat()方法,只能拼接两个数组,并且参数里必须包含本身。
    
    //9 pop()该方法的使用方式和push()基本一样,但它的作用是删除数组的最后一个元素,并返回该数组元素。也就是说该方法一次只能删除一个,不能删除多个。任何参数对于它来讲都是无效的。
    
    //10 shift()方法,该方法的使用和pop()方法类似,它的作用是删除数组中的第一个元素,并返回该数组元素。仍然一次只能删除一个,参数对它无效。该方法同样会改变原数组。
    
    //11 unshift()方法,该方法的使用和push()方法类似,它的作用是在数组的开始位置插入或添加(已有数组称插入,空数组称添加,)一个新的元素,并返回该数组长度。该方法同样会改变原数组。
    
    //12 slice()方法,该方法用于提取原数组的一部分,返回一个新数组,原数组不变。它的第一个参数为起始位置(从下标0开始),第二个参数为终止位置(不包括该位置)。
    
    //13 splice()方法,该方法用于删除原数组的一部分成员,并可以在被删除的位置添加入新的数组成员,返回值是被删除的元素。注意,该方法会改变原数组。该方法中的第一个参数是删除的起始位置,第二个参数是被删除的元素个数。
    
    //14 sort()方法,排序
    
    //15 reverse()方法,该方法的作用是将已有数组倒序排列
    
    //16 map(),该方法对数组的所有成员依次调用一个函数,根据函数结果返回一个新数组。该方法不会改变原来的数组。方法内的函数,最多可以接受3个参数。第1个,就是上面例子中出现的参数,它表示数组内每个元素的本身;第2个,表示数组内元素的下标位置;第3个,表示数组本身
    
    //17 forEach()方法,它接受三个参数,分别是当前位置的值、当前位置的下标和整个数组
    
    //18 filter()方法,从方法名来看该方法的主要作用是过滤,它的参数是一个函数,所有数组成员依次执行该函数,返回结果为true的成员组成一个新数组返回。该方法不会改变原数组
    
    //19 some()方法,它的函数接受三个参数,依次是数组元素、元素下标和原数组。只要有一个数组成员的返回值是true,则整个some()方法的返回值就是true,否则返回false。这理解起来和逻辑运算符或“||”比较相似
    
    //20 every()方法,它的函数接受三个参数,依次是数组元素、元素下标和原数组,是只要有一个数组成员的返回值是false,和every()方法的返回值就是false,否则返回true。这理解起来和逻辑运算符与“&&”比较相似
    
    //21 reduce()和reduceRight()方法,这两个方法依次处理数组的每个成员,最终累计为一个值。它们支持最多四个参数,前两个参数是必需配置的,后面的参数可以选配
    
    //22 indexOf()和lastIndexOf()方法,第一个参数表示要检索的元素。这两个方法还能配置第二个参数,表示开始检索的位置
    
    

    7.JavaScript 中的对象 var obj = {key:value}

  • 相关阅读:
    SpringBoot2.0 整合 QuartJob ,实现定时器实时管理
    SpringBoot2.0 整合 Swagger2 ,构建接口管理界面
    SpringBoot 2.0 整合sharding-jdbc中间件,实现数据分库分表
    基于 CODING 轻松搞定持续集成
    CODING 受邀参与 DevOps 标准体系之系统和工具&技术运营标准技术专家研讨会
    CODING 受邀参加《腾讯全球数字生态大会》
    CODING 告诉你硅谷的研发项目管理之道系列(6)
    CODING 告诉你硅谷的研发项目管理之道(3)
    CODING 告诉你硅谷项目经理的项目管理之道(2)
    CODING 签约天津大学,助力高校“产学”接轨
  • 原文地址:https://www.cnblogs.com/markbin/p/6725645.html
Copyright © 2020-2023  润新知