js常用知识

朴灿烈づ我的快乐病毒、 2023-06-08 15:55 30阅读 0赞

### js常用知识 ###

*   *   *   *  js基础
             *  js函数
             *  HTML DOM

#### js基础 ####

1.  typeof value 操作符来检测变量的数据类型。数组返回 object
2.  debugger 关键字用于停止执行 JavaScript，并调用调试函数。
3.  JavaScript 中，函数及变量的声明都将被提升到函数的最顶部。但初始化不会提升
4.  常规的比较中，数据类型是被忽略的，，=== 为恒等计算符，同时检查表达式的值与类型，switch 语句会使用恒等计算符
5.  字符串断行需要使用反斜杠(\\)，默认是在代码的最后一行自动结束，分号是可选的，return 是一个完整的语句
6.  let 声明的变量只在 let 命令所在的代码块内有效(块级作用域)。const 声明一个只读的常量
7.  javascript:void(0), 仅仅表示一个死链接。void指定要计算一个表达式但是不返回值

#### js函数 ####

1.  分号是用来分隔可执行JavaScript语句。由于函数声明不是一个可执行语句，所以不以分号结束。
2.  函数可以通过一个表达式定义,存储在变量中,因此变量也可作为一个函数使用，以分号结尾，因为它是一个执行语句
3.  函数对象 arguments.length 属性返回函数调用过程接收到的参数个数，toString() 方法将函数作为一个字符串返回:
4.  箭头函数：(参数1,…参数N) => \{函数声明\}|表达式(单一), (单一参数)(括号可选) => \{函数声明\}
5.  函数显式参数在函数定义时列出。函数隐式参数在函数调用时传递给函数真正的值。JavaScript 函数定义显式参数时没有指定数据类型。  
    JavaScript 函数对隐式参数没有进行类型检测。JavaScript 函数对隐式参数的个数没有进行检测。未提供隐式参数，参数会默认设置为： undefined ；支持函数带有默认参数
6.  函数有个内置的对象arguments：argument 对象包含了函数调用的参数数组

#### HTML DOM ####

1.  修改 HTML 内容： document.getElementById(id).innerHTML=新的 HTML
2.  改变 HTML 属性：document.getElementById(id).attribute=新属性值
3.  改变 HTML 样式：document.getElementById(id).style.property=新样式（property是属性）
4.  监听事件：element.addEventListener(event, function, useCapture);第三个参数是个布尔值用于描述事件是冒泡还是捕获  
    不要使用 “on” 前缀。 例如，使用 “click” ,而不是使用 “onclick”。
5.  element.appendChild() 创建新的 HTML 元素 (节点)需要先创建一个元素，然后在已存在的元素中添加它。添加新元素到尾部
6.  element.insertBefore(newnode,node),在node节点前插入一个newnode新节点
7.  element.removeChild(child) 移除child 孩子节点
8.  element.replaceChild(newnode,node)，将node节点替换为newnode新节点