对象

本文于489天之前发表，文中内容可能已经过时。如有疑问，欢迎在github中给我留言(用户名：zhangyan123)。

javaScript是基于原型(prototype)面向对象的动态语言（对象）

• JS对象中的属性可以 动态 得进行增、删(delete)、修改；
• JS中的数组实质为键值由0开始自增的特殊对象，数组一般用来存放有规律的一组数据，无需特殊的索引；
• 对象与数组的不同在于键值可以自定义；
• 对象属性枚举
  • 使用for-in枚举对属性时候一般来属性都是方法为我们枚更加关注的是数据，舍弃类型为函链上出乎预料的方法，另一个只取本对象上的属性的方法是hasOwnProperty()。
  • for-in遍历对象时候顺序是不定的，如果需要按照一定顺序遍历对象属性最好使用一个数组将需要的属性按顺序存入，在for循环中依次取出对象中排列的属性。
• 原型只在检索时候才被用到，如果我们尝试获取对象的某个属性值，但该对象属性名，那么Javascript会尝试从原型对象中寻找，如果原型对象没有再去该对象中去找，以此类推，知道终点Object.prototy如果想要的属性完全不存在原型链中，那么结果就是undefined这个称为委托。
• 对象的创建：
  • 使用字面量{}创建
    字面量对象中有属性和方法，属性名是标识符或者字符串，这些名字被当做字面量名而非变量名对待，所以对象的属性名在编译时才能知道，属性的值就是表达式（所以属性之间使用逗号分隔）。
  • 使用new+构造函数创建
  • 构造函数举例

    function Constr(name){
              this.name=name;
              this.say=function(){
                  return this.name;
              };
      }

  • 实例化举例

    var instance = new Constr("zhangyan");
      instance.say();//"zhangyan"

  • 实例化过程 模拟
    当我们使用new操作符调用函数时，js默默完成了创建新对象并初始化新对象的操作
    

    var this={};
      this.name=arguments[0];
      this.say=fucntion(){
    return this.name;
      };
      this._proto_=Constr.prototype;
      return this;

    以上为伪代码只可意会，并不代表真实代码

  • instance instanceOf Constr;//true
    typeOf instance===”object”;
    instance.constructor===Constr//true constructor

    属性继承自Object
• 你应该记住的关于内建对象扩展的讨论：

  最常用例子：实现让老式浏览器支持新功能，而且应该是ECMAScript委员会标准化了的，为现代浏览器支持的新功能，例如让IE支持ES5中的方法，这类扩展叫做shims或者polyfills.在进行原型扩展之前需要先检查该方法是否已存在

• 你应该记住的内建对象方法：
  1.Date
  属性(1):
  constructor 所建立对象的函数参考
  prototype 能够为对象加入的属性和方法
  方法(43):
  getDay() 返回一周中的第几天(0-6)
  getYear() 返回年份.2000年以前为2位,2000(包含)以后为4位
  getFullYear() 返回完整的4位年份数
  getMonth() 返回月份数(0-11)
  getDate() 返回日(1-31)
  getHours() 返回小时数(0-23)
  getMinutes() 返回分钟(0-59)
  getSeconds() 返回秒数(0-59)
  getMilliseconds() 返回毫秒(0-999)
  getUTCDay() 依据国际时间来得到现在是星期几(0-6)
  getUTCFullYear() 依据国际时间来得到完整的年份
  getUTCMonth() 依据国际时间来得到月份(0-11)
  getUTCDate() 依据国际时间来得到日(1-31)
  getUTCHours() 依据国际时间来得到小时(0-23)
  getUTCMinutes() 依据国际时间来返回分钟(0-59)
  getUTCSeconds() 依据国际时间来返回秒(0-59)
  getUTCMilliseconds()依据国际时间来返回毫秒(0-999)
  getTime() 返回从1970年1月1号0:0:0到现在一共花去的毫秒数
  getTimezoneoffset() 返回时区偏差值,即格林威治平均时间(GMT)与运行脚本的计算机所处时区设置之间相差的分钟数)
  parse(dateString) 返回在Date字符串中自从1970年1月1日00:00:00以来的毫秒数
  setYear(yearInt) 设置年份.2位数或4位数
  setFullYear(yearInt)设置年份.4位数
  setMonth(monthInt) 设置月份(0-11)
  setDate(dateInt) 设置日(1-31)
  setHours(hourInt) 设置小时数(0-23)
  setMinutes(minInt) 设置分钟数(0-59)
  setSeconds(secInt) 设置秒数(0-59)
  setMilliseconds(milliInt) 设置毫秒(0-999)
  setUTCFullYear(yearInt) 依据国际时间来设置年份
  setUTCMonth(monthInt) 依据国际时间来设置月(0-11)
  setUTCDate(dateInt) 依据国际时间来设置日(1-31)
  setUTCHours(hourInt) 依据国际时间来设置小时
  setUTCMinutes(minInt) 依据国际时间来设置分钟
  setUTCSeconds(secInt) 依据国际时间来设置秒
  setUTCMilliseconds(milliInt)依据国际时间来设置毫秒
  setTime(timeInt) 设置从1970年1月1日开始的时间.毫秒数
  toGMTString() 根据格林威治时间将Date对象的日期(一个数值)转变成一个GMT时间字符串,如:Weds,15 June l997 14:02:02 GMT
  toUTCString() 根据通用时间将一个Date对象的日期转换为一个字符串
  toLocaleString() 把Date对象的日期(一个数值)转变成一个字符串,使用所在计算机上配置使用的特定日期格式
  toSource() 显示对象的源代码
  toString() 将日期对象转换为字符串
  UTC(yyyy, mm, dd, hh, mm, ss, msec)返回从格林威治标准时间到指定时间的差距,单位为毫秒
  valueOf() 返回日期对象的原始值
  2.Math
  属性:
  constructor 所建立对象的函数参考
  prototype 能够为对象加入的属性和方法
  E 欧拉常量,自然对数的底(约等于2.718)
  LN2 2的自然对数(约等于0.693)
  LN10 10的自然对数(约等于2.302)
  LOG2E 以2为底的e的对数.(约等于1.442)
  LOG10E 以10为底的e的对数(约等于0.434)
  PI ∏的值(约等于3.14159)
  SQRT1_2 1/2(0.5)的平方根(即l除以2的平方根,约等于o.707)
  SQRT2 2的平方根(约等于1.414)
  方法:
  abs(x) 返回数字的绝对值
  acos(x) 返回数字的反余弦值
  asin(x) 返回数字的反正弦值
  atan(x) 返回位于-PI/2 和 PI/2 的反正切值
  atan2(y,x) 返回（x,y）位于 -PI 到 PI 之间的角度
  ceil(x) 返回 x 四舍五入后的最大整数
  cos(x) 返回一个数字的余弦值
  exp(x) 返回 E^x 值
  floor(x) 返回 x 四舍五入后的最小整数
  log(x) 返回底数为E的自然对数
  max(x,y) 返回 x 和 y 之间较大的数
  min(x,y) 返回 x 和 y 之间较小的数
  pow(x,y) 返回 y^x 的值
  random() 返回位于 0 到 1 之间的随机函数
  round(x) 四舍五入后取整
  sin(x) 返回数字的正弦值
  sqrt(x) 返回数字的平方根
  tan(x) 返回一个角度的正切值
  toSource() 显示对象的源代码
  valueOf() 返回数学对象的原始值
  3.Number
  属性:
  MAX_VALUE The largest possible value a number in JavaScript can have 1.7976931348623157E+308
  MIN_VALUE The smallest possible value a number in JavaScript can have 5E-324
  NaN Equal to a value that is not a number.
  NEGATIVE_INFINITY A value that is less than MIN_VALUE.
  POSOTIVE_INFINITY A value that is greater than MAXVALUE.
  prototype A static property of the Number object
  方法:
  toString Returns a string representing the specified object
  valueOf() 返回数学对象的原始值
  4.Boolean
  属性:
  constructor 所建立对象的函数参考
  prototype 能够为对象加入的属性和方法
  方法:
  toSource() 显示对象的源代码
  toString() 将布尔值转换为字符串,并且返回结果
  valueOf() 返回布尔对象的原始值
  5.String
  属性:
  constructor 所建立对象的函数参考
  prototype 能够为对象加入的属性和方法
  length 返回字符串的字符长度
  方法(20):
  anchor(“name”)用来把字符串转换为HTML锚点标记内(<A NAME=>)
  big() 把字符串中的文本变成大字体(<BIG>)
  blink() 把字符串中的文本变成闪烁字体(<BLINK>)
  bold() 把字符串中的文本变成黑字体(<B>)
  fixed() 把字符串中的文本变成固定间距字体,即电报形式(<TT>)
  fontcolor(color)设置字符串中文本的颜色(<FONT COLOR=>)
  Fontsize(size) 把字符串中的文本变成指定大小(<FONTSIZE=>)
  italics() 把字符串中的文本变成斜字体(<I>)
  Link(url)用来把字符串转换-HTML链接标记中(<A HREF=>)
  small() 把字符串中的文本变成小字体(<SMALL>)
  strike() 把字符串中的文本变成划掉字体(<STRIKE>)
  sub() 把字符串中的文本变成下标(subscript)字体(<SUB>)
  sup() 把字符串中的文本变成上标(superscript)字体(<SUP>)
  charAt(index) 返回指定索引处的字符
  charCodeAt(index)返回一个整数,该整数表示String对象中指定位置处的字符的Unicode编码
  concat(string2)连接两条或多条字符串
  fromCharCode(num1, num2, …, numN)获取指定的Unicode值并返回字符串
  indexOf(searchString, startIndex) 返回字符串中第一个出现指定字符串的位置
  lastlndexOf(searchString, startIndex) 返回字符串中最后一个出现指定字符串的位置
  match(regex) 在字符串中查找指定值
  replace(regex, newString)将字符串中的某些字符替换成其它字符
  search(regex) 针对某执行值对字符串进行查找
  slice(startIndex, endIndex)将部分字符抽出并在新的字符串中返回剩余部分
  split(delimiter)将字符串分配为数组
  substr(startIndex, length) 从startIndex取,取length个字符
  substring(startIndex, endIndex) 从startIndex和endIndex之间的字符,不包括endIndex
  toLowerCase() 把字符串中的文本变成小写
  toUpperCase() 把字符串中的文本变成大写
  toSource() 显示对象的源代码
  valueOf() 返回字符串对象的原始值
  6.Array
  属性:
  constructor 所建立对象的函数参考
  prototype 能够为对象加入的属性和方法
  index For an array created by a regular expression match, the zero-based index of the match in the string.
  input For an array created by a regular expression match, reflects the original string against which the regular expression was matched.
  length 获取数组元素的个数,即最大下标加1
  方法(13):
  concat(array1,arrayn)将两个或两个以上的数组值连接起来,合并后返回结果
  join(string) 将数组中元素合并为字符串,string为分隔符.如省略参数则直接合并,不再分隔
  pop() 移除数组中的最后一个元素并返回该元素
  push(value) 在数组的末尾加上一个或多个元素,并且返回新的数组长度值
  reverse() 颠倒数组中元素的顺序,反向排列
  shift() 移除数组中的第一个元素并返回该元素
  slice(start, deleteCount, [item1[, item2[,…[,itemN]]]]) 返从一个数组中移除一个或多个元素,如果必要,在所移除元素的位置上插入新元素,返回所移除的元素
  sort(compare Function) 在未指定排序号的情况下,按照元素的字母顺序排列,如果不是字符串类型则转换成字符串再排序,返回排序后的数组
  splice() 为数组删除并添加新的元素
  toSource() 显示对象的源代码
  toString() 将数组所有元素返回一个字符串,其间用逗号分隔
  unshift(value)为数组的开始部分加上一个或多个元素,并且返回该数组的新长度
  valueOf() 返回数组对象的原始值
  7.RegExp
  属性:
  $1, …, $9 Parenthesized substring matches, if any.
  $ See input.
  $* See multiline.
  $& See lastMatch.
  $+ See lastParen.
  $` See leftContext.
  $’ See rightContext.
  global Whether or not to test the regular expression against all possible matches in a string, or only against the first.
  ignoreCase Whether or not to ignore case while attempting a match in a string.
  input The string against which a regular expression is matched.
  lastIndex The index at which to start the next match.
  lastMatch The last matched characters.
  lastParen The last parenthesized substring match, if any.
  leftContext The substring preceding the most recent match.
  multiline Whether or not to search in strings across multiple lines.
  rightContext The substring following the most recent match.
  source The text of the pattern.
  方法:
  compile Compiles a regular expression object.
  exec Executes a search for a match in its string parameter.
  test Tests for a match in its string parameter
  8.Function
  属性:
  arguments An array corresponding to the arguments passed to a function.
  arity Indicates the number of arguments expected by the function.
  caller Specifies which function called the current function.
  prototype Allows the addition of properties to a Function object.
  方法:
  toString Returns a string representing the specified object.
  9.Object
  属性:
  constructor Specifies the function that creates an object’s prototype.
  prototype Allows the addition of properties to all objects.
  方法:
  eval Evaluates a string of JavaScript code in the context of the specified object.
  toString Returns a string representing the specified object.
  unwatch Removes a watchpoint from a 属性源 the object.
  valueOf Returns the primitive value of the specified object.
  watch Adds a watchpoint to a 属性源 the object.
  10.全局
  属性:
  Infinity 指定一个正负无穷大的数值
  NaN 指定一个 “非数字” 值
  undefined 指定一个未被赋值的变量
  方法:
  decodeURI() 为加密的URI进行解码
  decodeURIComponent() 为加密的URI组件解码
  encodeURI() 将字符串加密为URI
  encodeURIComponent() 将字符串加密为URI组件
  escape(string) 加密一个字符串
  unescape() 使用escape()对一个字符串进行解码
  eval(string) 判断一个字符串并将其以脚本代码的形式执行
  isFinite(number) 检测一个值是否为一个有限数字,返回True或False
  isNaN(string) 检测一个值是否不是一个有限数字
  Number() 将一个对象的值转换为一个数字
  parseFloat(string) 将一个字符串解析为一个浮点数字
  parseInt(string) 将一个字符串解析为一个整数,不是四舍五入操作,而是切尾
  String(object) 将一个对象值转换为一个字符串
  number(object)
  11.事件
  属性:
  a.窗口事件,只在body和frameset元素中才有效
  onload 页面或图片加载完成时
  onunload 用户离开页面时
  b.表单元素事件,在表单元素中才有效
  onchange 框内容改变时
  onsubmit 点击提交按钮时
  onreset 重新点击鼠标按键时
  onselect 文本被选择时
  onblur 元素失去焦点时
  onfocus 当元素获取焦点时
  c.键盘事件,在base,bdo,br,frame,frameset,head,html,iframe,meta,param,script,style,title元素里都无效
  onkeydown 按下键盘按键时
  onkeypress 按下或按住键盘按键时
  onkeyup 放开键盘按键时
  d.在base,bdo,br,frame,frameset,head,html,iframe,meta,param,script,style,title元素里都无效
  onclick 鼠标点击一个对象时
  ondblclick 鼠标双击一个对象时
  onmousedown 鼠标被按下时
  onmousemove 鼠标被移动时
  onmouseout 鼠标离开元素时
  onmouseover 鼠标经过元素时
  onmouseup 释放鼠标按键时
  e.其他
  onresize 当窗口或框架被重新定义尺寸时
  onabort 图片下载被打断时
  onerror 当加载文档或图片时发生错误时

high起来 😝 赠我一杯 😘

• Author: 张言
• Published Date: 2016-09-20 04:00:10
• Updated Date: 2017-08-16 05:09:43
• Categories: 前端开发 javaScript 基础
• Tags: javaScript
• License: 知识共享署名-非商业性使用-禁止演绎 3.0 未本地化版本许可协议（CC BY-NC-ND 3.0）