JavaScript的数据类型
1. 基本数据类型-值类型
- String字符串 "abcd" '你好，世界'
- Number数字 10进制，2进制、8进制、16进制
- boolean值: true false
- null 空指针 obj = {}; obj = null;
- undefined 未定义值，定义变量，未赋初值
2. 复合数据类型-引用类型
- 对象Object （内置对象、自定义对象）
3. 区别
基本数据类型 只能存储单个数据
复合数据类型 可以存储多个相关联的数据
4. 数据类型转换
- 字符串 -> 数字
- Number( str )
- str - 0 | str * 1 | +str
- parseInt | parseFloat
- new Number( str )
- 2 > 3 > 1 > 4
- 数字 -> 字符串
- String( num )
- num + ''
- num.toString()
- new String( num )
- 2 > 3 > 1 > 4
- 其他 -> boolean值
- 非0数字 -> true
- 非空字符串 -> true
- null和undefined -> false
- 对象 -> true
- 转换方式：!![variable]
- 隐式的基本数据类型和其包装类型之间的转换
获取数据类型的方式
- 方式
- typeof : 准确的获取字符串、数字、bool值的类型
- instanceof: 判断某个对象是否为 指定的构造函数的实例
值类型与引用类型
-
值类型包含：数字 字符串 boolean值
-
引用类型包含：对象
-
在做参数传递，即给函数传参，或者给其他变量赋值，值类型 是 赋值变量的值本身，将拷贝后的值，赋值给其他变量；
而引用类型，是将变量存储对象的指针拷贝给其他变量，此时两个变量指向同一个对象。
内置对象的常用方法
- 字符串
检索：indexOf、match、search
替换：replace、splice
截取：substr、substring、slice
切割：split
- 数组
添加：push、unshift
删除：pop、shift、splice
截取：slice
合并：concat
拼接：join
ES5：indexOf、forEach、map...
-
Math对象
Math常见属性
π： Math.PI
开平方：Math.sqrt
正弦： Math.sin
余弦： Math.cos -
日期Date对象
- getHours
- getMinutes()
- getSeconds()
- getMilliseconds()
- getDay()
- getFullyear()
- getMonth() 0-11
- getDate() 1-31
- setMilliseconds()
- 其他
DOM相关属性和方法
- 相关属性
- innerHTML
- firstChild
- lastChild
- nextSibling
- previousSibling
- parentNode
- childNodes
- nodeName
- nodeType 12种
- 1 元素节点
- 2 属性节点
- 3 文本节点
- 8 注释
- 9 文档document
- 11 文档片段documentFragment
- nodeValue
- 方法
插入节点：
parentNode.appendChild( node );
parentNode.insertBefore( new node, node );
删除节点
parentNode.removeChild( node );
替换
parentNode.replaceChild( new node, old node );
创建节点
document.createElement( 'tagName' ); 创建元素节点
document.createTextNode( 'txt' ) 创建文本节点
查询节点
document.getElementById( 'id' )
document.getElementsByTagName( 'tagName' )
document.getElementsByName( 'name' )
== 和 === 区别
-
== ：先将==两边的操作数统一成一种数据类型，再比较。
类型转换规则：
如果运算符两边的操作数，只有一个操作数类型为数字，那么将第二个操作数转换成数字；
如果运算符两边的操作数，只有一个操作数类型为bool值，那么将其转换成数字；
如果运算符两边的操作数，只有一个操作数类型为对象，那么将其转换成基本数据类型（优先使用valueOf，失败后在使用toString方法）； -
===: 不需要做类型转换，直接比较。
对象的概念
- 对象 就是 无序的键值对集合。
对象：是对现实事物的抽象，从而提取出一些相关属性的集合。用一种结构来存储。那么这种结构 就是 对象
创建对象的方式
- 直接量
var arr = []; <==> var obj = new Array();
var obj = {}; <==> var obj = new Object();
- 构造函数
function Person () {
}
var p = new Person();
劣势：如果在使用构造函数时，不小心没有配合new操作符，那么就会造成意外的结果
1、 无法创建对象； 2、会造成全局对象的污染；
- 工厂函数
将创建对象的过程封装在一个函数内部，再将创建出来的对象，作为该函数的返回值。这种实现创建对象的方式成为工厂模式。
如果在工厂函数内部创建对象时，使用直接量方式，那么对象的类型会被弱化；
相反，如果在意对象的类型，可以在工厂函数内部使用构造函数来创建对象。
- 工厂模式 与 构造函数
- 工厂模式 不管是否 带new 都可以创建对象，并且不会造成全局对象的污染
- 构造函数创建对象时，必须使用new，而且给对象添加属性，要使用this
- 工厂模式 在给对象添加属性时，要使用内部创建出来的对象，而不是this
面向对象概念
js不是面向对象语言。学习面向对象思想 是为了模拟其编程思想，实现代码的复用。
- 面向过程：要按部就班的书写代码，有些代码的书写顺序不能改变。
- 缺点：难以维护、难以扩展、代码复用
-
面向对象：在实际开发解决一个问题时，首先看是否已存在一个对象可以帮助解决，如果有，就使用该对象解决问题；
如果没有，就实现一个对象去解决该问题，以后如果在遇到同类问题，就可以找到该对象来解决。- 优点：代码复用
-
区别
身份：前者 —> 执行者; 后者 -> 管理者
实现：前者：亲力亲为，按部就班的实现
后者：在实现功能时，可以交给其他对象去完成。
网友评论