源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

JavaScript高级程序设计(第3版)学习笔记11 内建js对象

  • 时间:2020-05-18 12:27 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:JavaScript高级程序设计(第3版)学习笔记11 内建js对象
内建对象就好比是JDK中的类库,开发者可以直接拿来使用,这极大的方便了常见的编程任务。这篇文章就来浏览一下主要的内建对象,当然,我们并不是第一次接触内建对象,前面已经接触到的就有Object、Function、Boolean、Number、String,对于已经介绍过的,这里再总结复习一下,没有介绍过的,根据相关性来对比的总结,RegExp对象及正则表达式在下一篇中再单独介绍。 [b]1、内建全局单例对象[/b] (1)内建全局单例对象:在整个执行环境中只有一个对象实例,这些对象没有内部属性[[Construct]]和[[Call]],因此不能使用new来创建,也不能作为函数来调用,而是直接使用对象名称来引用其属性和方法(对于全局对象,则可以直接使用属性和方法名)。内建全局单例对象有Global、Math、JSON。 (2)内建常量:主要是指内建全局单例对象的属性,这些属性的[[Writable]]、[[Configurable]]、[[Enumerable]]特性全部为false,因此不能修改属性值,不能删除属性,也不能在for-in循环中枚举。这些内建常量有:
对象 名称 常量值 说明 对象 名称 常量值 说明
Global NaN NaN 表示不是数值 Math E ≈2.718 自然对数的底数 e
Infinity +∞ 正无穷 LN10 ≈2.303 2 的自然对数
undefined undefined 未定义 LN2 ≈0.693 10的自然对数
LOG2E ≈1.443 e 的以2 为底的对数
LOG10E ≈0.434 e 的以10为底的对数
PI ≈3.142 圆周率,即圆周长与直径的比
SQRT1_2 ≈0.707 2的平方根的倒数
SQRT2 ≈1.414 2的平方根
注:Global对象中的常量可以使用名称直接访问,Math对象中的常量需使用类似Math.PI的形式来访问。 (3)内建静态方法:
所属对象 类别 方法 说明
Global 全局解析方法 eval(x) 解析Javascript字符串,eval中定义的变量不会提升,在严格模式下,外部不能访问eval内定义的变量
字符串解析为Number parseInt(string,radix) 将字符串解析为整数,可以传入一个进制,会忽略前导空格
parseFloat(string) 将字符串解析为浮点数,会忽略前导的空格和前导0
Number判断方法 isNaN(number) 判断是否为数字
isFinite(number) 判断是否为有限数
URI处理方法 encodeURI(uri) 对URI编码,用于整个URI,用特殊的UTF-8编码替换所有无效字符,不会对本身属于URI的特殊字符编码,如冒号,正斜杠,问号,井号等。
decodeURI(ecodedURI) 对使用ecnodeURI()编码的字符串解码
encodeURIComponent(uriComponent) 对URI编码,用于URI中的某一段,会对发现的任何非标准字符进行解码
decodeURIComponent(encodedURIComponent) 对使用ecnodeURIComponent()编码的字符串解码
内建对象构造器方法 Object、Function、Array、String、Number、Boolean、Date、RegExp Error、EvalError、RangeError、ReferenceError、SyntaxError、TypeError、URIError 这里每一个构造函数都构成了一个内建的对象类型
Math 三角函数 sin(x)、cos(x)、tan(x) x的正弦、余弦、正切
反三角函数 asin(x)、acos(x)、atan(x)、atan2(y,x) x的烦正弦、反余弦、反正切、y/x的反正切
舍入函数 ceil(x)、floor(x)、round(x) 向上舍入(大于该数的最小整数)、向下舍入(小于该数的最大整数)、四舍五入
最值函数 max([value1[value2[,...]]])、min([value1[,value2[,...]]]) 最大值、最小值
随机函数 random() 返回介于0和1之间的随机数,不包括0和1.随机公式:随机值=Math.floor(Math.random() * 可能值的个数 + 初始值)
其它常见数学函数 abs(x)、exp(x)、log(x)、pow(x,y)、sqrt(x) 绝对值、Math.E的x次幂、x的自然对数、x的y次幂、x的平方根
JSON  解析 parse(text[,reviver]) 把JSON字符串解析外为Javascript值
序列化 stringify(value[,replacer[,space]]) 把Javascript对象序列号为JSON字符串,默认情况下不包括空格和缩进,所有函数、原型成员以及值为undefined的属性会被忽略
[b]说明:[/b] (1)全局对象中还有escape()/unescape()方法,由于这两个方法只能正确编码ASCII字符已经被废弃,而使用上表中的encodeURI()等方法来替换。 (2)JSON.parse()可以接受一个可选的参数,这个参数是一个函数,被称为还原函数,还原函数返回一个值,接受两个参数:一个键和一个值。如果还原函数返回undefined,表示要从结果中删除相应的键,返回其他值,则将该值插入到结果中。 (3)JSON.stringify()可以接受二个可选参数:   A、第一个可选参数是个过滤器,可以是一个数组,也可以是一个函数。如果是一个数组,那么结果中只保留这个数组中列出的属性;如果是一个函数,这个函数被称为替换函数,接受两个参数:一个键和一个值。替换函数返回undefined时会忽略这个键,否则就将返回值作为这个键的值插入到相应位置。   B、第二个可选参数是个选项,表示是否在JSON字符串中保留缩进。如果这个参数是数字,表示每个级别缩进的空格数(最大不能超过10,超过10时自动设置为10),如果这个参数是字符串,则将作为缩进字符处理。   在调用JSON.stringify(obj)时,如果obj中有toJSON()方法并返回一个有效值时,会首先调用这个方法。 2、Object与Function   这两个内建对象在前面已经重点讨论过,这里总结一下:
对象/构造函数/[[Class]] 构造器属性(静态属性) 原型属性 实例属性 内部属性
Object prototype constructor               [[Prototype]] 
defineProperty() toString() [[Class]]
defineProperties() toLocaleString() [[Extensible]]
getOwnPropertyDescriptor() valueOf() [[Get]]
preventExtensions() hasOwnProperty() [[GetOwnProperty]]
seal() propertyIsEnumerable() [[GetProperty]]
isSeal() isPrototypeOf()       [[Put]]
frozen() [[CanPut]]
isFreeze() [[HasProperty]]
create() [[Delete]]
getOwnPropertyNames() [[DefaultValue]]
getPrototypeOf() [[DefineOwnProperty]]
keys()  
Function prototype call() prototype [[HasInstance]]
length apply() length     [[Scope]]
bind()    [[FormalParameters]]
[
[u]复制代码[/u] 代码如下:
]
[[Construct]]
[[Call]]
说明: (1)构造器属性(静态属性)是直接定义在构造函数这个对象本身上的属性,只能通过构造函数名来直接访问,原型属性是定义在构造函数原型对象上的属性,可以通过原型去访问,但更重要的是可以通过构造函数的实例去访问。比如上表Object对象的defineProperty()就只能以Object.defineProperty()的形式来调用,而hasOwnProperty()这可以在任意一个Object实例对象上调用。 (2)Object本身是一个(构造)函数,也就是Function类的一个实例,因此也就有了Function实例所具有的属性prototype和length(===1,上表未列出),同时,由于Object还是一个构造函数,也就构成了一种(内建)类型Object,通过原型继承,这个类型是ES中所有其它类型的基类,也就是说所有的对象都可以访问上表中Object的原型属性。这里原型继承是基于下面原理来实现的:Object原型的原型是null(即有Object.getPrototypeOf(Object.prototype)===null),其它对象的原型是Object的实例。 (3)Function是一个构造函数,因此构成了一种内建类型Function,同时,因为是函数,也就是一个对象,这个对象的原型对象是Object的一个实例,因而可以访问Object的原型属性(Function类中有些方法覆盖了Object中的原型方法,上表未列出)。 (4)注意区分Function类中的构造器属性和实例属性,可以这样来理解:首先Function类的所有实例都有属性prototype(函数原型对象)和length(形式参数的个数),然后因为Function本身也是一个函数,是Function类的一个实例,因此有prototype和length属性(属性值已经确定了),而这属性是直接定义在Function构造函数上的,也就是构造器属性了。 (5)其它关于Object和Function中不理解的地方可以参考前面的文章,也可以自己查阅相关资料。 3、Array与String   将Array和String这两种内置对象放在一起,主要是因为他们有一些方法比较类似,我自己就常常有搞不拎清的时候,于是借这个机会比较一下。
[b]功能类似方法[/b] [b]Array对象独有方法[/b] [b]String对象独有方法[/b]
[b]类别[/b] [b]Array方法[/b] [b]String方法[/b] [b]类别[/b] [b]方法[/b] [b]说明[/b] [b]类别[/b] [b]方法[/b] [b]说明[/b]
[b]方法[/b] [b]说明[/b] [b]方法[/b] [b]说明[/b]
共有属性  length 数组项的个数,可以修改长度来实现添加或移除数组项的功能 length 字符串中字符的个数 栈和队列    pop() 移除数组最后一项,修改数组长度,返回被移除的项 去空格 trim() 去掉字符串前后的空格
对象创建 构造函数 1、new Array([item0[,item1[,...]]]) 2、new Array(len) 上面两种方式的new可以省略 构造函数 new String([value]) 注意:上面的new省略时,则作为类型转换函数调用 push()  接受任意个参数,把它们逐个添加到数组末尾,并返回修改后数组的长度 比较 localeCompare() 对象在参数前返回负数 相等返回0 后面返回正数
数组字面量 使用方括号[] 字符串字面量 使用成对的单引号或成对的双引号 shift() 移除数组第一项并返回,修改数组长度 HTML方法 见附表 用于简化常见HTML格式化任务的方法,已经不建议使用
转换方法   toLocaleString() 调用数组每一项的toLocaleString(),然后用逗号连接起来 toLocaleString()  返回对象表示的字符串 unshift() 接受任意个参数,并添加到数组前面,返回新数组的长度 大小写转换   toLowerCase() 转小写 
toString() 调用数组每一项的toString(),然后用逗号连接起来 toString()  返回对象表示的字符串 排序 reverse() 反转数组项的顺序 toLocaleLowerCase()   
valueOf() 返回数组本身,即有array === array.valueOf() valueOf()  返回对象表示的字符串 sort()  默认按升序排序,可以接受一个比较函数  toUpperCase()  转大写 
连接方法 join() 传入一个参数作为分隔符,将数组每一项连接起来,默认为逗号 + 字符串相加 迭代方法 两个参数: 1、执行函数(数组项的值,该项在数组中的位置,数组) 2、作用域 every() 对数组中每一项运行执行函数,每一项都返回true时返回true toLocaleUpperCase()  
concat() 创建一个原数组的副本,将传入的参数压入新数组并返回新数组 concat() 拼接字符串,更多情况是直接使用“+”拼接 some() 对数组中每一项运行执行函数,如果有其中一项执行函数返回true就返回true 字符方法 charAt() 1个参数:基于0的字符位置 charAt()返回单字符字符串,charCodeAt()返回字符编码 
截取方法 slice() 接受1至2个参数,即要返回项的起始和结束位置 1、只有一个参数时,返回该参数位置开始到末尾的所有项 2、参数为负数时,加上数组长度使其变为正数 slice() 参数:开始位置,最后一个字符后面的位置 forEach() 对数组中每一项运行执行函数,没有返回值 charCodeAt()
splice 第1个参数:要删除的起始项位置;第2个参数:要删除的项数;第3个及之后的参数:要插入的项 1、删除:指定2个参数,要删除的第一项的位置和要删除的项数 2、插入:提供3个参数,起始位置,0,要插入的项 3、替换:提供3个参数,起始位置,删除的项数,要插入的项   substr() 参数:开始位置,字符个数 map() 对数组中每一项运行执行函数,返回每次调用的结果组成的数组 fromCharCode() 这是String对象的静态函数,将接受到的一或多个字符编码转变为字符串
substring() 参数:开始位置,最后一个字符后面的位置 filter() 对数组中的每一项运行执行函数,返回执行函数返回true的项组成的数组 模式匹配方法 match() 与RegExp的exec()方法相同,接受一个参数,要么是一个正则表达式,要么是一个RegExp对象
位置方法 indexOf() 接受两个参数:要查找的项和(可选)表示查找起点位置的索引,indexOf()从数组的开头向后查找,lastIndexOf()则从数组末尾向前查找 在比较项是否相等时,会使用全等比较,没有找到返回-1 indexOf() 从字符串中查找子字符串,返回子字符串的位置,没有找到返回-1,indexOf()从前往后查找,lastIndexOf()从后往前找 第二个可选参数表示从哪个位置开始搜索  缩小方法  reduce() 接受两个参数: 1、执行函数(前一个值,当前值,项的索引,数组),这个函数的返回值会作为第一个参数自动传入下一项,第一次迭代发生在数组的第二项上 2、(可选)初始值 reduce()从数组第一项开始,遍历至最后,reduceRight()从数组最后一项开始,遍历至第一项 search() 接受一个参数,和match()相同,返回字符串中第一个匹配项的索引,没有找到匹配项时返回-1,search()始终从字符串开头向后查找
lastIndexOf() lastIndexOf() reduceRight() replace() 接受两个参数:一个RegExp对象或字符串和一个字符串或函数,若第一个参数为字符串,则只会替换第一个字符串,若想替换所有子字符串,第一个参数必须为指定了全局标志(g)的正则表达式
          判断方法 isArray() 静态方法,接受一个参数,返回这个参数是否为Array split() 基于指定的分隔符将一个字符串分割成多个字符串,并将结果放在一个数组中返回,分隔符可以是字符串,也可以是正则表达式。可选的第二个参数用于指定数组的最大长度
说明: (1)上表中红色部分表示在ES5版本中新增的方法,蓝色部分为个人认为比较常用的属性和方法。 (2)ECMAScript中数组的每一项可以保存任意类型的数据,并且数组的大小可以随着数据的添加而自动的动态调整。 (3)使用Array构造函数创建数组时,如果传入一个数值类型的参数,则作为数组长度处理,如果这个数值小于0或者不是一个整数,会抛出RangeError异常(如果确实需要将这个数值作为数组第1项,可以使用数组字面量),其它数值类型的参数,则作为数组的第一项值处理,并且数值的长度值为1。 [code] try{ var a = new Array(-2); }catch(e) { console.info(e);//RangeError } //var g = new Array(1.1);异常 var b = new Array(0); var c = new Array(2); var d = new Array('data'); var e = [-2]; var f = new Array(-1,-2); console.info(b.length);//0 console.info(c.length);//2 console.info(d.length);//1 console.info(e.length);//1 console.info(f.length);//2
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部