面向对象day1 | 易学教程

面相对象基础知识

1 JavaScript的历史
liveScript -> JavaScript -> JScript -> ECMAScript
2 JavaScript与ECMAScript的关系
JavaScript 就是 ECMAScript 的一种实现。
一种弱类型的多范式的脚本语言。

数据类型
1》基本数据类型数字字符串 bool值
2》复合数据类型对象（自定义对象，内置对象（Array），单体对象（Math））
3》空类型： null（空指针），undefined
语句：
1》条件语句：if语句
2》循环语句：for 、while 、do…while、for in
3》分支语句：switch
4》return语句：a: return； b: return value；
5》continue：结束本次循环
6》break a: 循环：结束循环；b:分支：跳出本分支
== 与 ===
前者：比较内容，隐式类型转换；后者：比较内容和类型
装箱与拆箱
装箱：将基本数据类型包装成其对应的复合数据类型
拆箱：将复合数据类型转换成其对应的基本数据类型
sort方法参数fn：
如果fn的返回值，大于 0 就交换 a 和 b 的位置
```
    小于 0 就不交换
等于0 就保持其相对位置 
```
类型转换
1> 数字 -> 字符串: toString，String，’’ , new String()
性能： ‘’ > String > toString > new String()
2> 字符串 -> 数字 : Number,parseInt ( parseFloat) , new Number(), 1 ( / 1 )
性能： 1 ( / 1 ) > Number > parseInt ( parseFloat) > new Number()
3> 数字与 bool
```
数字 ----》 bool值
0   -> false
非0      -> true
bool值----》数字
false        -> 0
true    -> 1
```
4> 字符串与 bool
```
‘’            -> false
非空字符串 -> true   

false          -> 'false'
true          -> 'true'
```
5> 其他类型转换 bool
```
空类型 ->  false
对象  ->  true
```
调试器的介绍
string对象常用方法:
1> 截取字符串： substring substr slice
2> 分割字符串： split 返回数组
3> 替换： replace 返回一个新的字符串
4> 检索字符串： indexOf search
5> 拼接： concat 返回一个新的字符串
6> 大小写转换： toLowerCase toUpperCase
7> 匹配 : match 大专栏面向对象day1
数组对象的常用方法
1> push
2> pop
3> unshift
4> shift
5> concat
6> splice
7> slice
8> join
9> sort
10> reverse
11> indexOf
12> map
13> forEach
1. 栈结构与队列结构
  栈结构：先进后出
  队列：先进先出
2. Math对象: Math.PI === 3.1415926
  1> sin( angle ) 参数为弧度
  2> cos( angle )
  3> floor
  3> ceil
  4> random
  5> abs
  6> sqrt
  7> power( x, y )
3. 对象相关概念
  1> 概念：无序的键值对集合 {name: ‘tom’, age: 18} 一个具体事物的抽象
  2> 创建方式
  a: 直面量
  b: 构造函数
  c: 工厂模式: 比作一个小汽车的生成工厂，只需要将制造小汽车的材料送达工厂，那么工厂就输入一辆小汽车。
  好处：new 或不 new 都能正确地返回用户想要的对象。
4. 值类型与引用类型
  1> 存储逻辑：值类型 -> 栈；引用类型 -> 堆
  2> 参数传递：
  值类型；拷贝值
  引用：拷贝指针
5. DOM操作属性与方法
  1> 属性
  parentNode: 获取父节点
  firstChild : 获取第一个子节点
  nextSibling : 获取下一个兄弟节点
  previousSibling
  innerHTML： a 获取当前节点下的所有内容，返回类型为字符串；b 设置当前节点的内容
  childNodes：获取当前节点的所有子节点
  2> 方法: 都要通过parentNode去调用
  .appendChild( node );
  .insertBefore( newNode, node )
  .removeChild( node );
  .replaceChild( newNode, node );
  .cloneNode( true | false );

案例：
根据数据，创建表格。
var data = [{

    name : 'zs',
    age: 18,
    gender: '',
    count: 100 // 用户金币
},{
    name : 'ls',
    age: 19,
    gender: '',
    count: 10000 // 用户金币
},,{
    name : 'wanger',
    age: 100,
    gender: '',
    count: 10000000 // 用户金币
}]

名字	年龄	性别	金币

来源：https://www.cnblogs.com/liuzhongrong/p/11902260.html

标签

ECMAScript