2020.4.15 API

发布于 2020-04-15  78 次阅读


Table of Contents

1.复习内容

  • 数组的相关操作

    • 创建 :
      • 用中括号,new Array()
    • 长度 :
      • 数组.length
    • 删除 :
      • arr.pop(),arr.shift()
    • 输出 :
      • arr[i]
    • 修改 :
      • arr[i]=element
    • 添加 :
      • 尾部添加:arr[arr.length]=element,arr.push(element)
      • 头部添加:arr.unshift(element),
    • 遍历数组
      • arr.forEach(function(value,index){})
    • 数组长度length是下标+1
    • 补充:Array API
    • Math对象
    • ES原生对象-String
      • String表示一个字符串
      • JS中字符串也是不可变的,只是指向改变了
      • 常用API方法
        • toUpperCase() 改变字符串为大写
        • toLowerCase() 改变字符串为小写
        • chartAt(i) 获取指定下标的字母
        • length 获取字符中的个数 (中文数字字符都是一个)
        • charCodeAt(i) 获取第i个字符的编码
        • indexOf() 获取字符第一次出现的下标
        • lastIndexOf() 获取字符最后出现的下标
        • substring(start,end) 返回一个字符串的子串
        • split() 切割一个字符串,需要有个分隔符
        • replace(oldstring,newstring) 替换字符串 返回值为新的字符串

2.灵感代办

3.学习内容

  • Es原生对象内容:

    • Array ,String ,Math 等等
  • 值传递

  • 弱类型语言,强类型语言

    • 弱类型语言不能输出地址
    • 弱类型语言数组可以混合多种数据类型
  • Javascript中数组

    • 一般都使用对象来表示数据,{varName:”nameValue”}
  • 宿主对象——BOM

    • Broweser Object Model:浏览器对象模型,浏览器提供的默认对象,与浏览器交互
    • Bom对象总共有七个(无序创建直接使用)
      1. window:浏览器窗口对象
        1. 常用API:(省略window.)
          1. 提示:alert,prompt,confirm
          2. 开关:open(网址),close()关闭标签
          3. 周期定时器:
            1. setInterval(cb,time) 周期性定时
            2. setTimeout(cb,time) 一次性定时
            3. 取消定时器:clearInterval(timer)
            4. 取消定时器:clearTimerout(timer)
      2. document:浏览器当前渲染的HTML
      3. screen:指代当前屏幕对象
      4. location:指代当前浏览器渲染的页面地址
      5. history:指代当前浏览器的浏览历史记录
      6. navigator:指代当前浏览器对象
      7. event:指代当前浏览器事件
  • 宿主对象——DOM

4.扩展延伸知识

  • python 和 JavaScript的不同之处
    • python必须完全解包
    • python参数必须符合参数个数,JavaScript参数可以多传
  • JavaScript的可变参数
    • …args就是一个可变参数数组
  • new function(){}和function(){}() 区别分析
    • 只要 new 表达式之后的 constructor 返回(return)一个引用对象(数组,对象,函数等),都将覆盖new创建的匿名对象,
    • 如果返回(return)一个原始类型(无 return 时其实为 return 原始类型 undefined),那么就返回 new 创建的匿名对象。
  • 预编译

    • 函数声明整体提升
    • 变量:声明提升,赋值不提升
  • js中可以直接用id调用函数吗?

    • 不推荐直接用id调用,chrome,firefox可能不支持
    • 标准的id选择器调用语法是:document.getElementById('myid').style.width = '100px';
    • myid.style.width = “100px” 用id调用
  • Unicode:

    • 数字的范围:48-57
    • 字母的范围:65-90 97-122
    • 中文的范围:19968-40869
  • JavaScript的正则

    • /这里包含的是正则/
      • i 忽略大小写,
      • D.包含所有,
      • M多行为开头
      • g是全局匹配,有多少匹配多少
  • JavaScript时间函数

    • var now = new Date()
    • getHours()
    • getMinutes()
    • getSeconds()

5.知识内容个人梳理

6.今天都复习了之前的什么内容