JS对象原型（二）

1 . Object对象原型

该对象是JS中所有对象的原型，任何对象都是基于该对象创建的。

属性：

prototype 返回当前对象原型的引用
    访问对象原型：构造方法名.prototype
    访问对象原型：对象实例.__proto__
constructor 返回当前对象的构造函数 / 方法
    访问对象构造方法：对象实例.constructor

<script>
  //Object对象原型（万物之始）

  //对象原型也是对象 

  //查看Object对象中的内容
  console.log(Object)// 查看的是Object的构造方法

  //查看对象原型
  console.log(Object.prototype)


  //通过对象实例查找构造方法
  // 1.实例化一个对象
  var obj = new Object(); //obj就是制作的对象实例
  // 2.查看实例的构造方法
  console.log(obj.constructor);

  // 通过对象实例查找对象原型
  console.log(obj.constructor.prototype)
  // 浏览器提供的快捷的通过对象实例查找对象原型方式
  console.log(obj.__proto) //仅对webkit内核浏览器有效
</script>

对象实例对象原型以及构造方法三者关系.png

方法：

    toString 放回当前对象的字符串表示格式
    toLocalString 放回当前对象的本地字符串表示格式
    valueOf 放回当前对象的原始值
注意：这些方法不用主动调用，属于系统自动调用方法

<script>
  //Object对象原型的方法（对象实例也有）
  var obj = new Object(); //对象实例也有
  
  //toString() 返回对象的字符串格式
  console.log(obj.toString())
  
  //toLocalString() 返回对象的本地化字符串格式
  console.log(obj.toLocalString())
  
  //valueOf() 返回当前对象的原始值
  console.log(obj.valueOf())

  //1. toString和toLocalString绝大多数是一样的
  //   绝大多数对象没有本地和通用之分
  //2. 针对特定对象有效的toString和toLocalString就不一样
  var d = new Data();
  console.log(d.toString()); //输出世界通用格式字符串
  console.log(d.toLocalString()); //输出当前地区格式字符串
  console.log(d.valueOf()); //输出对象本身的值
</script>

2 . Boolean对象

当前对象原型的作用，只是用来创造布尔类型的数据而已。

系统创建布尔值时会自动调用当前对象原型。
一般不需要用户来实例化布尔对象，而是有JS系统自动调用。
获取布尔值的方式1：直接赋值为布尔值
var 变量 = true or false;
获取布尔值的方式2：实例化布尔对象（不推荐使用）
var 变量 = new Boolean(值)；
注意：使用第二种方式获取的数值，类型为对象类型，值为布尔值。

<script>
  //Boolean对象原型（构造方法）

  //制作对象实例
  var b = new Boolean(true);
  console.log(b); //实例
  console.log(b._proto_); //原型

  //注意：当前对象原型的作用，只是用来创造布尔类型的数据而已,等同于下面
  var b = true;
  console.log(b); //布尔类型，也真的是Boolean的对象实例

</script>

Boolean构造方法

如果new Boolean( ) 得到的是一个对象，这里Boolean的作用是创建对象。
如果Boolean( ) 直接使用，可以当作类型转换函数使用。
任何一个函数都可以当作构造方法，任何一个构造方法都是一个函数。
如果 new 函数（）当前函数就是构造方法。
如果不 new 函数（）直接使用，当前函数就是函数。

系统中所有的布尔值都是由系统隐式的调用当前对象创建。

3 . Number对象

如果new Number ( ) 得到一个对象，这里Number的作用是创建一个Number对象实例。
如果Number ( ) 直接使用，可以当作类型转换函数使用。

<script>
  //Number（类似Boolean对象 系统隐式调用对象，用于创建数值）
 
  // 1.new Number()  也是 var no1 = 99 的中间步骤
  var no1 = new Number(99);
  console.log(no1)

  // 2.数据类型转换
  var no2 = Number(true);
  console.log(no2);
  console.log(Number.prototype)
</script>

成员属性

console.log(Number.MAX_VALUE)
可表示的最大的数
console.log(Number.MIN_VALUE)
可表示的最小的数
console.log(Number.POSITIVE_INFINITY)
正无穷大，溢出时返回该值。
console.log(Number.NEGATIVE_INFINITY)
负无穷大，溢出时返回该值。

系统中所有Number类型都是有当前Number隐式创建的，很少认为的调用Number构造方法。

4 . Function对象原型

该对象是系统用来创建函数的对象原型。
创建函数的方法：声明函数 / 表达式函数。

使用对象创建数组
var 变量 = new Function（ '参数 ' ，'参数 ' .... '函数体'）；
这种方式创建的函数，也是表达式函数，依然要遵守表达式函数的规则。

<script>
  // 声明函数
  function sum() {
    return a + b;
  }
  //调用函数
  sum(5,9);

  // 匿名函数，表达式函数
  var add = function(a, b) {
    return a + b;
  }
  //调用函数
  add(5,9)

  //系统隐式调用的操作
  var obj = new Function('a','b','return a + b')
  console.log(obj(5,5));
</script>

该对象很少人为调用，他是系统创建函数时隐式调用的对象。

5 . Global对象

Global对象是系统中的固有对象，全局对象。
固有对象就是系统已经实例化完毕的对象，只可以使用，不可以创建。

<script>
  //Global对象实例  固有对象 本来就是实例的对象，而且不能new
  //Global是js语法中的对象，不能直接用，必须由解释器实现才能使用。
  
  //在浏览器中Global的最终实现为window对象
  console.log(window);


  // 1.学习Global对象自带的方法（不多）
  isNaN() //检测数据是否是NaN
  var no = 9;
  console.log(isNaN(no)); //函数
  console.log(window.isNaN(no)); //方法

  //函数和方法
  //1.函数是直接调用，方法是通过对象调用的。本质是一个东西。
  //2.函数也是方法，因为他是Global对象的方法。
  //3.为了防止混淆，通用称呼。属于window/Global的方法称之为函数，其余的称之为方法。
</script>

所有页面定义的变量都是window对象的成员属性。
所有页面定义的函数都是window对象的成员方法。
所有页面定义的对象都是window对象的子对象。

成员方法

isNaN( )
检测一个变量是否是NaN值。
parseInt( )
将一个字符串类型转换为整型。
parseFloat( )
将一个字符转类型转换为浮点型。
eval( )
将一行字符串当作JS代码执行。
escape()
将字符串中的特殊字符进行unicode编码(%xx).不推荐。
unescape()
将unicode编码过后的字符串转换为普通字符，不推荐。
encodeURI()
是JavaScript中真正用来对URL编码的函数。
decodeURI()
解码encodeURI()。
encodeURIComponent()
能编码 "; / ? : @ & = + $ , #"这些特殊字符。
decodeURIComponent()
解码encodeURIComponent() 。

6. Math对象

Math对象也是系统中的一个固有对象，不需要用户创建就可以使用。
作用：为JS提供数据函数的相关支持。

abs()
获取一个数值的绝对值
ceil()
进一法取整
floor()
舍一法取整
round()
四舍五入
random()
获取0-1之间的随机小数，包含0但是不包含1
max()
获取多个数值中的最大值
min()
获取多个数值中的最小值
pow(数值，次方)
计算一个数值的N次方

<script>
  //Math对象 固有对象（对象实例）
  //将数学相关的函数归类到当前对象当中。
  
  //abs() 获取数据的绝对值
  var no = - 88;
  var result = Math.abs(no);
  console.log(result); //88

  //ceil() 进一法取整 （天花板）
  var no = 9.1;
  console.log(Math.ceil(9.1)) //10

  //floor() 退一法取整 （地板）
  var no = 9.6;
  console.log(Math.floor(no)); //9

  //round() 四舍五入
  var no = 9.5;
  console.log(Math.round(10));  //10

  //random() 随机数
  var num = Math.random();
  console.log(num)
  //随机整数（？） 0 - 255
  var no = Math.floor(Math.random() * 256); 

  //max() 获取多个数据中的最大值
  var result = Math.max(12,456,1,165,854,6,132,)
  console.log(result); //854

  //min() 获取多个数据中的最大值
  var result = Math.min(12,456,1,165,854,6,132,)
  console.log(result); //1

  //针对数组使用 max 和 min
  //max() 获取多个数值中的最大值
  var arr = [12,456,1,165,854,6,132]
  var result = Math.max(arr)
  console.log(result); //854

  //min() 获取多个数值中的最大值
  var arr = [12,456,1,165,854,6,132]
  var result = Math.min(arr)
  console.log(result); //854

  //pow() 计算N次方
  var result = Math.pow(2, 20)
</script>

7. Date对象

在JS中为了方便时间的存储和计算，引入了时间戳的概念。
时间戳也叫做unix时间戳，它是用从1970年1月1日0时0分0秒0毫秒到指定时间的毫秒数。JS的时间戳可以使用285616年。

1.实例化一个当前时间对象
var now = new Date()；
2.实例化一个指定对象
传入指定的时间戳
var 变量 = new Date(时间戳)；
传入时间格式的字符串
var 变量 = new Date(时间格式字符串)；
例如：1970/1/1 1970-1-1 1970.1.1 5：13：45
分别传入年月日时分秒参数
var 变量 = new Date（年，月，日，时，分，秒，毫秒）

<script>
  //时间对象 Date()
  //实例化一个当前时间对象
  var date = new Date();
  console.log(date); //自动触发toString
  console.log(date.vlueOf());

  //实例化指定时间对象(时间字符串格式)
  //方法一：
  var hk = new date('1970-7-1 0:0:0'); //1997年7月1日 0；0；0；
  console.log(hk);

  //拆解步骤
  //1. 定义时间字符串
  var datastr = '1970-7-1 0:0:0';
  //2. 自动解析为时间戳（放入Date之后）
  var sjc = Date.parse(datastr)
  console.log(sjc)
  //3. 将时间戳放入了Date()
  var hk = new Date(sjc);

  //方法二：
  //直接使用时间戳（不用）
  var zero = new Date(24*3600*1000); //毫秒时间戳
  console.log(zero)

  //方法三：
  //使用多个时间参数
  var thatdate = new Date(1949,10,1,0,0,0)
</script>

时间对象的方法

获取本地时间的相关方法

getFullYear()
获取完整的年份
getMonth()
获取月份注意：0-11 表示1-12月
getDate()
获取日期返回1-31的数值
getHours()
获取当前小时值 0-23
getMinutes()
获取分钟数0-59
getSecond()
获取描述 0-59
getMilliseconds()
获取毫秒数 0-999
getDay()
获取周几 0-6 表示周天-周六
getTime()
获取当前时间对象的时间戳

设置本地时间的相关方法

setFullYear()
设置完整的年份
setMonth()
设置月份注意：0-11 表示1-12月
setDate()
设置日期返回1-31的数值
setHours()
设置当前小时值 0-23
setMinutes()
设置分钟数0-59
setSecond()
设置描述 0-59
setMilliseconds()
设置毫秒数 0-999
setTime()
设置当前时间对象的时间戳

获取UTC时间的相关方法

getUTCFullYear()
获取世界协调时间完整的年份
getUTCMonth()
获取世界协调时间月份注意：0-11 表示1-12月
getUTCDate()
获取世界协调时间日期返回1-31的数值
getUTCHours()
获取世界协调时间当前小时值 0-23
getUTCMinutes()
获取世界协调时间分钟数0-59
getUTCSecond()
获取世界协调时间描述 0-59
getUTCMilliseconds()
获取世界协调时间毫秒数 0-999
getUTCDay()
获取世界协调时间周几 0-6 表示周天-周六
getUTCTime()
获取世界协调时间当前时间对象的时间戳

设置UTC时间的相关方法

setUTCFullYear()
设置世界协调时间完整的年份
setUTCMonth()
设置世界协调时间月份注意：0-11 表示1-12月
setUTCDate()
设置世界协调时间日期返回1-31的数值
setUTCHours()
设置世界协调时间当前小时值 0-23
setUTCMinutes()
设置世界协调时间分钟数0-59
setUTCSecond()
设置世界协调时间描述 0-59
setUTCMilliseconds()
设置协调时间毫秒数 0-999
setUTCTime()
设置世界协调时间当前时间对象的时间戳

其他方法

toString()
获取本地完整时间日期的字符串格式 toString=toDateString+toTimeString();
toDateString()
获取本地时间的日期字符串格式
toTimeString()
获取本地时间的时间字符串格式
toLocalString()
获取本地时间的日期的本地字符串格式
toLocalDateString()
获取本地时间的日期本地字符串格式
toLocalTimeString()
获取本地时间的时间本地字符串格式

toUTCString() 获取UTC完整时间的字符串格式
valueOf()