0x1 基础类型

• 数字 Number

  • parseInt
  • NaN
  • 常用数学方法 Math

• 字符串 String

  • concat
  • indexOf
  • replace
  • split
  • substr
  • toLowerCase/toUpperCase
  • trim/trimStart/trimEnd

• 数组 Array

  • push
  • pop
  • sort
  • join
  • indexOf
  • forEach forEach是ES6新特征，平时开发尽量直接使用原始for

• JSON JSON

  • parse
  • stringify

• 其他 Window

  • window.location
  • History
  • setTimeout
  • setInterval

• 所有内置对象 Global_Objects

0x2 DOM

主要学习 元素选择、插入子元素、移除子元素、改变子元素特征、事件绑定、移除事件绑定

• 页面元素 Element
• 事件绑定 EventTarget

0x3 闭包与对象

主要学习 闭包、严格模式、面向对象，当然本节需要长期的实践才能理解，故建议先从闭包和严格模式规范书写习惯开始

我们可以通过 typeof 函数来识别任何一个定义或未定义的参数的类型

{
  name: "test",
  age: 1,
  getname: function () {
    return this.name;
  }
};

在直接使用{}定义的对象时，无法新new一个具有相同处理方法不同属性的的新对象，所以我们需要面向对象

(function () {
  return function () {
    this.name="test";
    this.age = 1;
    this.getname = function () {
      return this.name;
    }; //end getname
  };
})();

比如在一般写页面驱动JS时

var pageJS = (function () {
  var listen = function () {
    //.. 按钮事件监听
  }; //end  listen

  var init = function () {
    //.. 页面初始化，比如判断当前地址对应的页面ID等等
  }; //end init

  var render = function (data) {
    //.. 异步API响应数据后的页面渲染，一般配合事件监听使用
  }; //end render

  var pageload = function () {
    //.. 页面加载时需要做的事情，比如默认加载第一页等
  }; //end pageload

  /** 最后往外部暴露的只有run一个方法，防止污染 */
  var run = function () {
    init();
    listen();
    pageload();   
  }; //end run

  return { run: run };
})();

// 启动pageJS
pageJS.run();

0x4 附录

• typeof
• this
• Strict_mode