初级js概括

JavaScript的历史

liveScript -> JavaScript -> JScript -> ECMAScript

javascript是一种运行在浏览器的弱类型、多范式、动态脚本语言

静态语言（java/c/C++）先编译后执行

JavaScript包含什么？

ECMA js的语法规则部分 if while
DOM 文档对象模型 DOM定义对应的接口，浏览器做具体实现
BOM 浏览器对象模型 BOM定义对应的接口，浏览器做具体实现最高是window.location.href

JavaScript的运行环境是什么？

浏览器（js解析引擎chrome：V8）
nodejs平台运行

浏览器中的JavaScript可以做什么？

操作DOM
操作BOM
表单验证
发送ajax请求
页面特效

浏览器中的JavaScript不可以做什么？

操作文件
操作数据库
接收请求
操作系统底层

JavaScript与ECMAScript的关系

JavaScript 就是 ECMAScript 的一种实现。
一种弱类型的多范式的脚本语言。

chrome浏览器解析过程

html/css : webkit布局引擎,完成布局和渲染
JavaScript : V8解析引擎,解析js代码并执行
中间层: 负责调配上下层以及硬件层: 网卡/硬盘

数据类型

基本数据类型
- 数字
- 字符串
- bool
复合数据类型
- 对象
  - 单体对象（Math）
  - 内置对象（Array）
  - 自定义对象
空类型
- null
- undefined

语句

条件语句
循环语句
分支语句
return语句
continue
break

== 与 ===

前者比较内容、有隐式转换
后者比较内容和类型

装箱与拆箱

装箱：将基本数据类型包装成其对应的复合数据类型
拆箱：将复合数据类型转换成其对应的基本数据类型

sort方法参数fn

如果fn的返回值，大于0，就交换a和b的位置
大于0就不交换
等于0就保持其相对位置

类型转换

数字->字符串：toString String '' new String()
- 性能上：'' > String > toString > new String() 大专栏初级js概括
字符串->数字：Number parseInt(parseFloat) new Number() *1( /1 )
- 性能上： *1 ( /1 ) > Number > parseInt ( parseFloat) > new Number()
数字与 bool
- 0 -> false
- 非0 -> true
- bool值 -> 数字
- false -> 0
- true -> 1
字符串与 bool
- ‘’ -> false
- 非空字符串 -> true
- false -> ‘false’
- true -> ‘true’
其他类型转换 bool
- 空类型 -> false
- 对象 -> true

调试器的介绍

string对象常用方法

1> 截取字符串 ：  substring substr slice
2> 分割字符串 ：  split       返回数组    
3> 替换          ：  replace       返回一个新的字符串
4> 检索字符串 ：  indexOf  search
5> 拼接          ：  concat        返回一个新的字符串
6> 大小写转换 ：  toLowerCase  toUpperCase
7> 匹配           :   match

数组对象的常用方法

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

栈结构与队列结构

栈结构： 先进后出
队列   ： 先进先出

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 )

对象相关概念

概念：
- 无序的键值对集合 {name: ‘tom’, age: 18} 一个具体事物的抽象
创建方式
- a: 直面量
- b: 构造函数
- c: 工厂模式: 比作一个小汽车的生成工厂，只需要将制造小汽车的材料送达工厂，那么工厂就输入一辆小汽车。
  好处：new 或不 new 都能正确地返回用户想要的对象。

值类型与引用类型

存储逻辑：值类型 -> 栈；引用类型 -> 堆
参数传递：
- 值类型；拷贝值
- 引用：拷贝指针

DOM操作属性与方法

属性
- parentNode: 获取父节点
- firstChild : 获取第一个子节点
- nextSibling : 获取下一个兄弟节点
- previousSibling
- innerHTML： a 获取当前节点下的所有内容，返回类型为字符串；b 设置当前节点的内容
- childNodes：获取当前节点的所有子节点
方法: 都要通过parentNode去调用
- <parentNode>.appendChild( node );
- <parentNode>.insertBefore( newNode, node )
- <parentNode>.removeChild( node );
- <parentNode>.replaceChild( newNode, node );
- <node>.cloneNode( true | false );

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

标签

js截取字符串

js代码

javascript