欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

JavaScript

程序员文章站 2022-07-14 11:57:58
...

JavaScript

JavaScript:概念:一门客户端脚本语言
          * 运行在客户端浏览器中,每个浏览器都有JavaScript的解析引擎
          * 脚本语言:不需要编译,直接就可以被浏览器解析执行了
* 功能
     * 可以来增强用户和html页面的交互过程,可以来控制html元素,让页面有一些动态的效果,增强用户的体验
JavaScript = ECMAScript + JavaScript自己特有的东西(BOM和DOM)
* ECMAScript:客户端脚本语言的标准
     1. 基本语法
           1. 与htmL结合方式
                  1.内部JS:
                       * 定义<Scpript>,标签体内容就是js代码
           2. 外部JS:
                   * 定义<Script>,通过src属性引入外部的js文件
      * 注意:
            1. <script>可以定义html的任意地方。但是定义的地方会影响执行的顺序。
            2. <script>可以定义多个。
     2.注释
           1.单行注释://注释内容
           2.多行注释:/*注释内容*/
     3.数据类型:
           1.原始数据类型(基本数据类型)1. number:数字。整数/小数/NAN(not a number 一个不是数字字符类型)
                   2. string : 字符串。
                   3.boolean : truefalse
                   4.null: 一个对象为空占位符
                   5.uudefined:未定义。如果一个变量没有初始化值,则会被默认赋值为undefined
                   
           2.引用数据类型: 对象
      4.变量
           * 变量:一块存储数据的内存空间
           * Java语言是强类型语言,而javaScript是弱类型语言
                    * 强类型:在开辟变量存储空间时,定义了空间将来存储的数据的数据类型。只能存储固定的数据                       据类型
                    * 弱类型:在开辟变量存储空间时,不定义空间将来的存储数据类型,可以存放任意类型的数据
          * 语法:
                    * var 变量名 = 初始化值;
                    * typeof运算符:获取变量的类型。
                    * 注:Null运算后得到的是Object
     5.运算符
          * ++ -- 一元运算符
          * + - * % / 运算符
          * = += -+ 赋值运算符
          * > < >= <= ==  ===(全等于) 比较运算符
          * && || !逻辑运算符
          * ? : 三元运算符
     6.流程控制语句
          1. if ... else...
          2. switch
          3. while
          4. do ... while
          5. for
     2.基本对象
          1. Function 函数(方法)对象
                1. 创建:
                     1. var fun = new Function(形式参数列表,方法体);
                     2. function 方法名称(形式参数列表){
                              方法体
                        }
                     3. var 方法名 = function(形式参数列表){
                              方法体
                         {
                2. 方法
                3. 属性
                4. 特点
                      1. 方法定义是,参数类型不写,返回值类型也不写
                      2. 方法是一个对象,如果定义名称相同的方法,会覆盖
                      3. 在js中,方法的调用只与方法的名称有关,和参数列表无关
                      4. 在方法声明中有一个隐藏的内置对象(数组),arguments,封装所有的实际参数
                5. 调用
                      方法名称(实际参数列表)
          2. Array: 数组对象
                 1. 创建:
                       1. var arr = new Array(元素列表)
                       2. var arr = new Array(默认长度)
                       3. var arr = [元素列表];
                  2. 方法
                       join(参数): 将数组中的元素按照指定的分割符拼接为字符串
                  3. 属性
                       lenght:数组长度
                  4. 特点
                        1. JS中,数组元素的类型可变
                        2. JS中,数组的长度可变的
          3.Date:日期对象
                  1. 创建
                        1. var date = new Date();
                  2. 方法
                        tolocaleString():返回当前date对象对应的时间本地字符串格式
                        getTime(): 获取毫秒值。返回当前如期对象描述的时间到197011日零点的毫秒值差
           4. Math:数学
                  1. 创建
                        * 特点:Math对象不用创建,直接使用。Math.方法名().
                  2. 方法
                        random(): 返回0~1之间的随机数,含0不含1
                        ceil(X): 对数进行上舍入。
                        floor(x): 对数进行下舍入。
                        round(x): 把数四舍五入为最接近的整数
                 3.属性:
                       PI  
           5. RegExp:正则表达式对象
                 1. 正则表达式:定义字符串的组成规则
                       1. 单个字符:[]
                            如:[a] [ab] [a-zA-Z0-9]
                       * 特殊符号代表特殊含义的单个字符
                            \d: 单个数字字符[0-9]
                            \w: 单个单词字符[a-zA-Z0-9]
                 2.量词符号
                            ?: 表示出现0次或1* : 表示出现0次或多次
                            + : 表示出现1次或多次
                            {m,n}: 表示 m<= 数量<=n
                                m如果缺省:{,n}:最多n次
                                n........{m,}:最少m次
                 3.开始结束符号
                            ^ : 开始
                            $ : 结束    
                 4.正则表达式
                           1. 创建
                                 1. var reg = new RegExp("正则表达式")2. var reg = /正则表达式/;
                                    var reg = new RegExp("\w{6,12}");字符串中\具有转义意思可以\\就可                                                                        以了
                           2. 方法
                                 1. test(参数):验证指定的字符串是否符合正则表达式的规范
           6. Global
                 1. 特点:全局对象,这个Clobal中封装的方法不需要对象就可以直接调用。方法名();
                 2. 方法:
                        encodeURI():url编码
                        decodeURI(): url解码
                           
                        encodeURIComponent(): url编码
                        decodeURIComponent():url解码    
                                        
1. 变量的定义使用var关键字,也可以不使用
         * 用: 定义的变量是局部变量
         * 不用: 定义的变量是全局变量
相关标签: 小知识点