李洋学习笔记-javascript-day01

JavaScript

• 数据类型

  • 值类型：undefined, number, string, boolean , null
  • 引用类型：object, function, array

• 条件语句

  • if 结构
  • if...else结构
  • switch...case结构
  • 三元运算符 (contidion) ? expression1 : expression2

• 循环语句

  • while循环 (条件为真,可以不断循环执行代码)
  • for循环 (for(initialize; test; increment) {statement})
  • do...while (先运行一次循环体，然后判断循环条件)
  • break、continue
    • break语句用于跳出代码块或循环
    • continue语句用于立即终止本轮循环，返回循环结构的头部，开始下一轮循环

• 对象

  • 对象字面量： var obj = {};
  • 构造函数： var obj = new Object();
  • Object.create(): var obj = Object.create(Object.prototype);
• 函数
  • 声明
    • function命令
    • 函数表达式
    • Function构造函数
  • 函数名的提升
    • function命令会提升整个函数
    • 函数表达式会提升赋值前的语句

• 事件

  • 监听函数
    • HTML标签的on-属性
    • Element节点的事件属性 (div.onclick=function(e){})
    • addEventListener方法
  • 事件传播
    1. 从window对象传导到目标节点，称为“捕获阶段”
    2. 在目标节点上触发，称为“目标阶段”
    3. 从目标节点传导回window对象，称为“冒泡阶段”
  • 事件代理 （由于事件会在冒泡阶段向上传播到父节点，因此可以把子节点的监听函数定义在父节点上，由父节点的监听函数统一处理多个子元素的事件）

• Ajax (异步的 JavaScript 和 XML)

  1. 创建XMLHttpRequest对象,也就是创建一个异步调用对象
  2. 创建一个新的HTTP请求,并指定该HTTP请求的方法、URL及验证信息
  3. 设置响应HTTP请求状态变化的函数
  4. 发送HTTP请求
  5. 获取异步调用返回的数据
  6. 使用JavaScript实现局部刷新

• JSON (JavaScript Object Notation)

• HTTP方法
  • GET (查询字符串在URL中传输)
  • POST (查询字符串在HTTP消息主体中发送)
    • POST 请求不会被缓存
    • POST 请求不会保留在浏览器历史记录中
    • POST 请求对数据长度没有要求

• 闭包

  • JavaScript有两种作用域：全局作用域和函数作用域
  • 如果一个函数内部引用外部函数的内部变量, 当函数执行时,外部函数的执行上下文不会销毁,会形成闭包
  • 闭包会保留外层函数的内部变量,有内存消耗

• prototype和proto

  • 每个javascript对象都继承另一个对象，该对象称为“原型”（prototype）对象
  • 每个函数都有一个属性叫做constructor的属性，指向prototype对象所在的构造函数
  • 每个对象都有一个隐藏的属性"proto"，这个属性引用了创建这个对象的构造函数的prototype （obj.proto=== Object.prototype ）

• javascript原型链继承

  • 定义在原型对象上面的所有属性和方法，都能被派生对象继承
• This
  • 一般是全局对象Global。
  • 作为方法调用，那么this就是指这个对象
  • 构造函数内的this指向 new出来的实例
  • 函数用call或者apply调用,fn.call(obj) fn函数内的this指向obj