JavaScript

博客分类: 笔记 阅读次数: comments

JavaScript

JavaScript:

JavaScript 是 web 开发者必学的三种语言之一:

什么是 js:

​ js 是前端的核心,能够操控和重新调整 DOM。通过修改 DOM 结构,来达到修改页面效果的目的。

js 常用三个弹出框:

​ alert :警告消息框;

​ confim:确认消息框;

​ prompt:提示消息框;

事件:

​ 事件是 可以被控件识别的操作。

js 的变量:

  1. 规则: 数字、字母下划线组成,不能以数字开头。
  2. 声明方法:var 变量名 (先声明,后读写,先赋值,后运算)
  3. 作用域:
  4. 全局变量:函数外部声明,或函数内部声明时不加 var,在函数内部外部都可以使用。一般程序结束或代码明确删除才会释放
  5. 局部变量:函数内部声明的变量,只能在函数内部使用,一般在函数结束后便会自动释放
  6. 作用优先级:局部变量>参数变量>全局变量
  7. 类型转换: typeof 检测数据类型: 1. 主要数据类型:string、boolean、number 2. 特殊类型:undefined、null 3. 复合类型:function、object
    1. 隐式转换: (== ===);
    2. 强制转换:parseInt、parseFloat、Number;

运算符:

  1. 算数:+、 - 、_、 /、 % 、 +=、 -=、 _=、 /=、%=
  2. 关系:== > < >= <= ===
  3. 对象: 1. in(在不在某个数组数组或对象中) 2. instancesof 判断是否属于某个类 3. new 创建一个对象 4. . [] 存取元素 5. delete 删除元素 6. () 调用
  4. 逻辑:&&(逻辑与)、   (逻辑或)、 !(逻辑非)
  5. 其他:三元运算符

js 流程语句:

  1. 循环语句: 1. whille: 2. dowhile: 3. for: 4. for-in 2. 跳转语句: 1. return 2. break 3. continue 3. 选择语句: 1. if 2. switch 4. 异常处理语句: 1. throw 2. try 3. catch 4. finally

闭包:

​ 闭包就是能够读取其他函数内部变量的函数,使得函数不被 GC(垃圾收集器)回收,如果过多使用闭包,容易导致内存泄露。

添加|删除|替换|插入到某个节点的方法:

  1. 创建新节点

    1. createElement()//创建一个具体元素
    2. creatTextNode()//创建一个文本节点
  2. 添加、移除、替换、插入
    1. appendChild() //添加
    2. removeChild() //移除
    3. replaceChild() //替换
    4. insertBefore() //插入
  3. 查找
    1. getElementByTagName() //通过标签名名称查找(一般会有多个)
    2. getElementByName() //通过严肃的 Name 属性值查找(也会有多个)
    3. getElementById() //通过 id 属性值查找,只有一个(因为 id 唯一)

javaScript 事件流:

冒泡事件:多个事件同时触发,从最特定的事件到最不特定的事件依次触发

​ 捕获事件:与冒泡相反,从最不特定的事件到最特定的事件依次触发

2019-8-23复习:

js 文件导入 <script src="导入地址"> 注意:导入js文件的这个标签内不要写js代码,写了也没用</script>

js代码输入 <script > js代码</script> 在html标签中 使用js事件属性

注释: 单行 // 多行// 注意:不能嵌套 文本注释 / */ 注意:不能嵌套

变量: var +变量名 声明(数字,字母,下划线) 不区分大小写

运算符: 算数运算符 + - * / % ++ – 赋值运算符 == === > < >= <= != !== 逻辑运算符 && || ! 数据类型:(be so fun 好有趣)

be: boolean s :string o: object f: function u: undefined n:number

数值类型: 0b或0B 二进制 0x或0X 十六进制 0o或0O 八进制

变量转换: Number()/parseInt()/parseFloat() Boolean() Function() String() Object() undefined()直接赋值

+在js中也有连接的作用 ,优先级高于算数运算