这是我参与「第四届青训营 」笔记创作活动的第3天
写好js的原则
- HTML/CSS/JS 各司其责
- 应当避免不必要的由 JS 直接操作样式
- 可以用 class 来表示状态
- 纯展示类交互寻求零 JS 方案
组件封装
在同一个页面中，要实现相同或近似的功能，可以复用一部分js代码。追求好结构和展现效果。 主要是实现方法为重构代码，模块化，组件框架，组件封装。
命令式和声明式
命令式编程：告诉编辑器如何做
声明式编程：告诉编辑器做什么。如何做的部分被封装到高阶函数
JavaScript的使用
标签引用：
<script>
alert("Hello,World!");
</script>
页面输出
<script>
document.write("Hello,World!");
</script>
弹出窗口输出
<script>
console.log("输出一条日志");//最常用
console.info("输出一条信息");
console.warn("输出一条警告");
console.error("输出一条错误");
</script>
条件语句
条件语句是通过判断指定表达式的值来决定执行还是跳过某些语句，最基本的条件语句：
- if…else
- switch…case
循环语句
循环语句和条件语句一样，也是基本的控制语句，只要满足一定的条件将会一直执行，最基本的循环语句：
- while
- do…while
- for
创建对象
var person = new Object();
person.name = "孙悟空";
person.age = 18;
console.log(person);
toString方法
toString()函数用于将当前对象以字符串的形式返回。该方法属于Object对象，由于所有的对象都"继承"了Object的对象实例，因此几乎所有的实例对象都可以使用该方法，所有主流浏览器均支持该函数。
数组对象
使用对象创建
- 同类型有序数组创建：
var arr = new Array();
arr[0] = 1;
arr[1] = 2;
arr[2] = 3;
arr[3] = 4;
arr[4] = 5;
arr[5] = 6;
arr[6] = 7;
arr[7] = 8;
arr[8] = 9;
