实例方法和静态方法最直观的区别
//对象.方法(参数)
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方法具体用法要看具体类型
数值相关全局方法
常用4个
- parseInt方法用于将字符串转为整数。
- parseFloat方法用于将一个字符串转为浮点数。
- isNaN方法可以用来判断一个值是否为NaN。
- isFinite方法返回一个布尔值，表示某个值是否为正常的数值。
Object对象API
（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.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对象部署了自己的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
常用属性思路:
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.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
- 正则实例对象的test方法返回一个布尔值，表示当前模式是否能匹配参数字符串。
- 正则实例对象的exec方法，用来返回匹配结果。如果发现匹配，就返回一个数组，成员是匹配成功的子字符串，否则返回null。
- 字符串实例对象的match方法对字符串进行正则匹配，返回匹配结果。
- 字符串对象的search方法，返回第一个满足条件的匹配结果在整个字符串中的位置。如果没有任何匹配，则返回-1。
- 字符串对象的replace方法可以替换匹配的值。它接受两个参数，第一个是正则表达式，表示搜索模式，第二个是替换的内容。
- 字符串对象的split方法按照正则规则分割字符串，返回一个由分割后的各个部分组成的数组。
jsonAPI
- JSON.stringify方法用于将一个值转为 JSON 字符串。该字符串符合 JSON 格式，并且可以被JSON.parse方法还原。
- JSON.parse方法用于将 JSON 字符串转换成对应的值。
consoleAPI
console.png
属性描述对象API
意外收获
!!el&&el.NodeType ===1
//为什么要这样写代码来判断是否是元素节点呢?
//因为JavaScript是动态语言,类型可以转换,再加上,使用xxx.NodeType这些挂载在对象属性上的方法,是可以伪造的
var a = {
NodeType:1
}
//如上所示,这样是不是把a也当做一个元素啦?
所以基于这些原因,当JavaScript 代码要做判断的时候往往要用上&&来进行多层筛选,这样才能确保达到我们的目的