实例方法和静态方法最直观的区别

//对象.方法(参数)
arr.push()
//静态方法(对象)
Array.isArray( arr)

记忆那么多的API是有难度的,而且常用的也不多,理解对象本身的特性是最重要的,想一下这个API方法或者属性可以对这个对象形成怎样的影响? 起了哪些便利之处

数组和对象的本质区别在于,数组的属性是有序的,而对象的属性是无序的,也就是说数组数据存放在内存的位置是排列的,这就涉及到数据结构

数组/对象...的方法调用

1.用.运算符
2.('xxx') ['xxx'] 这是调用自身拥有的属性,是key的名称
3.(xxx)[xxx]这是调用自身属性里面的变量

静态方法和实例方法的区别

var a = {
  b:'你好世界',
  c:'hello'
        }
Object.keys(a)
//['b','c']
a.keys()
//报错
为什么下面的语句会报错?
//因为静态方法和实例方法是有区别的,静态方法指的是对象本身拥有的方法,实例方法是对象.prototy.xxx放在prototy给子孙后代继承用的
//简单来说,a对象是Object对象的实例,a能用的方法是继承自Object的prototy属性里面的方法,所以a是没有keys()这个方法的,所以报错

不同的对象都有自己的toString和valueOf方法具体用法要看具体类型

数值相关全局方法

shuzi.png

常用4个

- parseInt方法用于将字符串转为整数。
- parseFloat方法用于将一个字符串转为浮点数。
- isNaN方法可以用来判断一个值是否为NaN。
- isFinite方法返回一个布尔值，表示某个值是否为正常的数值。

Object对象API

obeje.png

（1）对象属性模型的相关方法

Object.getOwnPropertyDescriptor()：获取某个属性的描述对象。
Object.defineProperty()：通过描述对象，定义某个属性。
Object.defineProperties()：通过描述对象，定义多个属性。
（2）控制对象状态的方法

Object.preventExtensions()：防止对象扩展。
Object.isExtensible()：判断对象是否可扩展。
Object.seal()：禁止对象配置。
Object.isSealed()：判断一个对象是否可配置。
Object.freeze()：冻结一个对象。
Object.isFrozen()：判断一个对象是否被冻结。
（3）原型链相关方法

Object.create()：该方法可以指定原型对象和属性，返回一个新的对象。
Object.getPrototypeOf()：获取对象的Prototype对象。

• Object.keys方法和Object.getOwnPropertyNames方法都用来遍历对象的属性。

• valueOf方法的作用是返回一个对象的“值”，默认情况下返回对象本身。

• toString方法的作用是返回一个对象的字符串形式，默认情况下返回类型字符串。

• Object.prototype.toString方法返回对象的类型字符串，因此可以用来判断一个值的类型。

• Object.prototype.toLocaleString方法与toString的返回结果相同，也是返回一个值的字符串形式。这个方法的主要作用是留出一个接口，让各种不同的对象实现自己版本的toLocaleString，用来返回针对某些地域的特定的值。

• Object.prototype.hasOwnProperty方法接受一个字符串作为参数，返回一个布尔值，表示该实例对象自身是否具有该属性。

常用性思考:

一个对象拥有的东西只能是属性/属性对应的值/继承的方法,
从这方面思考就可以想到常用的API是哪些:枚举属性的,属性的tostring/valueOf,继承相关的

常用的8个

//静态方法
Object.keys()，Object.getOwnPropertyNames()
//实例方法
Object.prototype.valueOf()：返回当前对象对应的值。
Object.prototype.toString()：返回当前对象对应的字符串形式。
//toString方法，结果返回一个字符串object Object，其中第二个Object表示该值的构造函数。这是一个十分有用的判断数据类型的方法。
//由于实例对象可能会自定义toString方法，覆盖掉Object.prototype.toString方法，所以为了得到类型字符串，最好直接使用Object.prototype.toString方法。
//通过函数的call方法，可以在任意值上调用这个方法，帮助我们判断这个值的类型。
Object.prototype.toLocaleString()：返回当前对象对应的本地字符串形式。
Object.prototype.hasOwnProperty()：判断某个属性是否为当前对象自身的属性，还是继承自原型对象的属性。
/*var obj = {
  p: 123
};
obj.hasOwnProperty('p') // true
obj.hasOwnProperty('toString') // false
*/


Object.prototype.isPrototypeOf()：判断当前对象是否为另一个对象的原型。
Object.prototype.propertyIsEnumerable()：判断某个属性是否可枚举。

Array对象API

array.png

• Array.isArray方法返回一个布尔值，表示参数是否为数组。它可以弥补typeof运算符的不足。

- valueOf方法是一个所有对象都拥有的方法，表示对该对象求值。不同对象的valueOf方法不尽一致，数组的valueOf方法返回数组本身。
- toString方法也是对象的通用方法，数组的toString方法返回数组的字符串形式。
- push方法用于在数组的末端添加一个或多个元素，并返回添加新元素后的数组长度。注意，该方法会改变原数组。
- pop方法用于删除数组的最后一个元素，并返回该元素。注意，该方法会改变原数组。
- shift方法用于删除数组的第一个元素，并返回该元素。注意，该方法会改变原数组。
- push和shift结合使用，就构成了“先进先出”的队列结构（queue）。

unshift方法用于在数组的第一个位置添加元素，并返回添加新元素后的数组长度。注意，该方法会改变原数组。
- join方法以指定参数作为分隔符，将所有数组成员连接为一个字符串返回。如果不提供参数，默认用逗号分隔。
- concat方法用于多个数组的合并。它将新数组的成员，添加到原数组成员的后部，然后返回一个新数组，原数组不变。
- reverse方法用于颠倒排列数组元素，返回改变后的数组。注意，该方法将改变原数组。
- slice方法用于提取目标数组的一部分，返回一个新数组，原数组不变。
- splice方法用于删除原数组的一部分成员，并可以在删除的位置添加新的数组成员，返回值是被删除的元素。注意，该方法会改变原数组。
- sort方法对数组成员进行排序，默认是按照字典顺序排序。排序后，原数组将被改变。
- map方法将数组的所有成员依次传入参数函数，然后把每一次的执行结果组成一个新数组返回。
- forEach方法与map方法很相似，也是对数组的所有成员依次执行参数函数。但是，forEach方法不返回值，只用来操作数据。这就是说，如果数组遍历的目的是为了得到返回值，那么使用map方法，否则使用forEach方法。
- filter方法用于过滤数组成员，满足条件的成员组成一个新数组返回。
- some方法是只要一个成员的返回值是true，则整个some方法的返回值就是true，否则返回false。
- every方法是所有成员的返回值都是true，整个every方法才返回true，否则返回false。
- reduce方法和reduceRight方法依次处理数组的每个成员，最终累计为一个值。它们的差别是，reduce是从左到右处理（从第一个成员到最后一个成员），reduceRight则是从右到左（从最后一个成员到第一个成员），其他完全一样。
- indexOf方法返回给定元素在数组中第一次出现的位置，如果没有出现则返回-1。
- lastIndexOf方法返回给定元素在数组中最后一次出现的位置，如果没有出现则返回-1。

数组的常用性思考:

1.数组成员的增删改查和遍历
2.数组的出现就是要区别于简单的对象,他存在的意义就是数据的结构性
3.数组的排序,讲究的是内存区域的位置顺序而与数据类型无关,所以一个数组可以存放多种不同类型的数据
4.因为数据是牵涉到数据结构的对象,所以数据的很多API是会修改原来数组的
5.数组和伪数组的本质区别在于原型链不同,伪数组是没有继承Array.prototy.xxxx一系列方法的
6.上面这些数组方法之中，有不少返回的还是数组，所以可以链式使用。
7.push和pop结合使用，就构成了“后进先出”的栈结构（stack）。
8.push和shift结合使用，就构成了“先进先出”的队列结构（queue）。

NumberAPI

number.png

• Number对象部署了自己的toString方法，用来将一个数值转为字符串形式。
• toFixed方法先将一个数转为指定位数的小数，然后返回这个小数对应的字符串。
• toExponential方法用于将一个数转为科学计数法形式。
• toPrecision方法用于将一个数转为指定位数的有效数字。

包装对象

包装的意义就在于,更改原数据的原型链,这才真正实现了JavaScript一切都是对象的定义

• valueOf方法返回包装对象实例对应的原始类型的值。

new Number(123).valueOf()  // 123
new String('abc').valueOf() // "abc"
new Boolean(true).valueOf() // true

• toString方法返回对应的字符串形式。

new Number(123).toString() // "123"
new String('abc').toString() // "abc"
new Boolean(true).toString() // "true"

stringAPI

string.png

常用属性思路:

1.字符是单个的,字符串就是一个字符的数组,应该有很多类似Array.prototy.xxx的方法
2.牵涉到字符,肯定也会牵涉到Unicode编码
3.字符串和数组有点不同,数组侧重点在于改变数据结构,所以很多API会改变数组本身,而字符串侧重点在于取值,所以和数组很多类似的API不会改变字符串本身而是返回一个新对象
4.字串的增删改查

• String对象提供的静态方法（即定义在对象本身，而不是定义在对象实例的方法），主要是String.fromCharCode()。该方法的参数是一个或多个数值，代表 Unicode 码点，返回值是这些码点组成的字符串。
• 字符串实例的length属性返回字符串的长度。
• charAt方法返回指定位置的字符，参数是从0开始编号的位置。
• charCodeAt方法返回字符串指定位置的 Unicode 码点（十进制表示），相当于String.fromCharCode()的逆操作。
• concat方法用于连接两个字符串，返回一个新字符串，不改变原字符串。
• slice方法用于从原字符串取出子字符串并返回，不改变原字符串。它的第一个参数是子字符串的开始位置，第二个参数是子字符串的结束位置（不含该位置）。
• substring方法用于从原字符串取出子字符串并返回，不改变原字符串，跟slice方法很相像。它的第一个参数表示子字符串的开始位置，第二个位置表示结束位置（返回结果不含该位置）。
• substr方法用于从原字符串取出子字符串并返回，不改变原字符串，跟slice和substring方法的作用相同。

substr方法的第一个参数是子字符串的开始位置（从0开始计算），第二个参数是子字符串的长度。

• indexOf方法用于确定一个字符串在另一个字符串中第一次出现的位置，返回结果是匹配开始的位置。如果返回-1，就表示不匹配。
• trim方法用于去除字符串两端的空格，返回一个新字符串，不改变原字符串。
• toLowerCase方法用于将一个字符串全部转为小写，toUpperCase则是全部转为大写。它们都返回一个新字符串，不改变原字符串。
• match方法用于确定原字符串是否匹配某个子字符串，返回一个数组，成员为匹配的第一个字符串。如果没有找到匹配，则返回null。
• search方法的用法基本等同于match，但是返回值为匹配的第一个位置。如果没有找到匹配，则返回-1。
• split方法按照给定规则分割字符串，返回一个由分割出来的子字符串组成的数组。
• localeCompare方法用于比较两个字符串。它返回一个整数，如果小于0，表示第一个字符串小于第二个字符串；如果等于0，表示两者相等；如果大于0，表示第一个字符串大于第二个字符串。

mathAPI

math.png

• Math.abs方法返回参数值的绝对值。
• Math.max方法返回参数之中最大的那个值，Math.min返回最小的那个值。如果参数为空, Math.min返回Infinity, Math.max返回-Infinity。
• Math.floor方法小于参数值的最大整数（地板值）。
• Math.round方法用于四舍五入。
• Math.pow方法返回以第一个参数为底数、第二个参数为幂的指数值。
• Math.sqrt方法返回参数值的平方根。如果参数是一个负值，则返回NaN。
• Math.log方法返回以e为底的自然对数值。
• Math.exp方法返回常数e的参数次方。
• Math.random()返回0到1之间的一个伪随机数，可能等于0，但是一定小于1。

Math对象还提供一系列三角函数方法。

Math.sin()：返回参数的正弦（参数为弧度值）
Math.cos()：返回参数的余弦（参数为弧度值）
Math.tan()：返回参数的正切（参数为弧度值）
Math.asin()：返回参数的反正弦（返回值为弧度值）
Math.acos()：返回参数的反余弦（返回值为弧度值）
Math.atan()：返回参数的反正切（返回值为弧度值）

DateAPI

• Date.now方法返回当前时间距离时间零点（1970年1月1日 00:00:00 UTC）的毫秒数，相当于 Unix 时间戳乘以1000。
• Date.parse方法用来解析日期字符串，返回该时间距离时间零点（1970年1月1日 00:00:00）的毫秒数。
• Date.UTC方法接受年、月、日等变量作为参数，返回该时间距离时间零点（1970年1月1日 00:00:00 UTC）的毫秒数。
• valueOf方法返回实例对象距离时间零点（1970年1月1日00:00:00 UTC）对应的毫秒数，该方法等同于getTime方法。

//Date对象提供了一系列get*方法，用来获取实例对象某个方面的值。
getTime()：返回实例距离1970年1月1日00:00:00的毫秒数，等同于valueOf方法。
getDate()：返回实例对象对应每个月的几号（从1开始）。
getDay()：返回星期几，星期日为0，星期一为1，以此类推。
getYear()：返回距离1900的年数。
getFullYear()：返回四位的年份。
getMonth()：返回月份（0表示1月，11表示12月）。
getHours()：返回小时（0-23）。
getMilliseconds()：返回毫秒（0-999）。
getMinutes()：返回分钟（0-59）。
getSeconds()：返回秒（0-59）。
getTimezoneOffset()：返回当前时间与 UTC 的时区差异，以分钟表示，返回结果考虑到了夏令时因素。
//上面这些get*方法返回的都是当前时区的时间，Date对象还提供了这些方法对应的 UTC 版本，用来返回 UTC 时间。
getUTCDate()
getUTCFullYear()
getUTCMonth()
getUTCDay()
getUTCHours()
getUTCMinutes()
getUTCSeconds()
getUTCMilliseconds()

Date对象提供了一系列set*方法，用来设置实例对象的各个方面。

setDate(date)：设置实例对象对应的每个月的几号（1-31），返回改变后毫秒时间戳。
setYear(year): 设置距离1900年的年数。
setFullYear(year [, month, date])：设置四位年份。
setHours(hour [, min, sec, ms])：设置小时（0-23）。
setMilliseconds()：设置毫秒（0-999）。
setMinutes(min [, sec, ms])：设置分钟（0-59）。
setMonth(month [, date])：设置月份（0-11）。
setSeconds(sec [, ms])：设置秒（0-59）。
setTime(milliseconds)：设置毫秒时间戳。
//set*系列方法除了setTime()和setYear()，都有对应的 UTC 版本，即设置 UTC 时区的时间。

setUTCDate()
setUTCFullYear()
setUTCHours()
setUTCMilliseconds()
setUTCMinutes()
setUTCMonth()
setUTCSeconds()

正则表达式API

zhengze.png

• 正则实例对象的test方法返回一个布尔值，表示当前模式是否能匹配参数字符串。
• 正则实例对象的exec方法，用来返回匹配结果。如果发现匹配，就返回一个数组，成员是匹配成功的子字符串，否则返回null。
• 字符串实例对象的match方法对字符串进行正则匹配，返回匹配结果。
• 字符串对象的search方法，返回第一个满足条件的匹配结果在整个字符串中的位置。如果没有任何匹配，则返回-1。
• 字符串对象的replace方法可以替换匹配的值。它接受两个参数，第一个是正则表达式，表示搜索模式，第二个是替换的内容。
• 字符串对象的split方法按照正则规则分割字符串，返回一个由分割后的各个部分组成的数组。

jsonAPI

json.png

• JSON.stringify方法用于将一个值转为 JSON 字符串。该字符串符合 JSON 格式，并且可以被JSON.parse方法还原。
• JSON.parse方法用于将 JSON 字符串转换成对应的值。

consoleAPI console.png

属性描述对象API

kongzhi.png

意外收获

!!el&&el.NodeType ===1
//为什么要这样写代码来判断是否是元素节点呢?
//因为JavaScript是动态语言,类型可以转换,再加上,使用xxx.NodeType这些挂载在对象属性上的方法,是可以伪造的

var a = {
NodeType:1
}

//如上所示,这样是不是把a也当做一个元素啦?
所以基于这些原因,当JavaScript 代码要做判断的时候往往要用上&&来进行多层筛选,这样才能确保达到我们的目的