转载自：http://www.jb51.net/article/34191.htm

 <!DOCTYPE html>

 <html>

     <head>

         <meta charset="UTF-8">

         <title>js中声明Number的五种方式</title>

     </head>

     <body>

         <script>

             /*

             方式一：最常见的方式，通过数字字面量方式声明

                 var num = 123;

                 1.解析变量的值，比如说取出整数部分、小数部分等，因为数字声明方式还可以为num = .123，num = 123e4等形式

                 2.对解析出来的值取近似值，比如num = 123.33333333333333...3333333333333333333333333....，

                     这个时候就要取近似值了，具体取近似则规则不展开

                 3.此种方式声明的变量，只是个简单的数字字面量，并不是对象（至于为什么可以在上面调用toString等方法，后文讲解） 

             方式二：偶尔使用方式，大部分情况下是将字符串转成数字

                 var num = Number(123);

                 1.此处只是将Number当作一个普通的函数来调用，而不是构造方法，因此返回的不是对象，而是一个简单的数值

                 2.本质与方式一相同；相对于方式一的区别在于，需要针对传入参数的类型，执行不同的类型转换过程，试图将参数解析成对应的数值

             方式三：很少使用，各神书，包括犀牛书，都将其列入不推荐方式

                 var num = new Number(123);

                 1.此处将Number作用构造方法调用，返回的是Number类型的对象，该对象能够访问Number的原型属性以及方法；

                       这样说可能有些迷惑，后面会说到

              */

                     var num = new Number(123);

                     console.log(typeof num); //输出：object

                      console.log(Object.prototype.toString.call(num)); //输出：[object Number]

              /*

                   3.返回的Number类型对象内部的原始值（ [[PrimitiveValue]]），为经过类型转换后获得的数字值，具体转换规则与方式二提到的一致 

             方式四：神方式，目前还没见过人使用

                 var num = new Object(123);

                 1.传递了参数，且参数是一个数字，则创建并返回一个Number类型的对象 —— 没错，其实等同于方式三

                 2.该Number对象的值等于传入的参数，内部的[[prototype]]属性指向Number.prototype 

             方式五：更离奇，更诡异

                 var num = Object(123);

                 1.当传入的参数为空、undefined或null时，等同于 new Object(param)，param为用户传入的参数

                 2.否则，返回一个对象，至于具体转换成的对象类型，可参见下表；具体到上面的例子，本质等同于new Number(123)：

              */

             /*

              * 不是说字面量方式声明的只是普通的数值类型，不是对象吗？但不是对象哪来的toString方法调用？

              * 当用户通过字面量方式声明一个变量，并在该变量上调用如toString等方法，JS脚本引擎会偷偷地创建该变量对应的包装对象，

              * 并在该对象上调用对应的方法；

              * 当调用结束，则销毁该对象；这个过程对于用户来说是不可见的

              */

         </script>

     </body>

 </html>

js中声明Number的五种方式的更多相关文章

  1. js中声明函数的三种方式

    己亥年  庚午月 癸巳日  宜入宅 忌婚嫁 函数声明方式 声明 : function first(){}: 调用:first() 函数表达式声明方式   声明: var second=function ...

  2. JavaScript学习12 JS中定义对象的几种方式【转】

    avaScript学习12 JS中定义对象的几种方式 转自:  http://www.cnblogs.com/mengdd/p/3697255.html JavaScript中没有类的概念,只有对象. ...

  3. JavaScript学习12 JS中定义对象的几种方式

    JavaScript学习12 JS中定义对象的几种方式 JavaScript中没有类的概念,只有对象. 在JavaScript中定义对象可以采用以下几种方式: 1.基于已有对象扩充其属性和方法 2.工 ...

  4. JS中事件绑定的三种方式

    以下是搜集的在JS中事件绑定的三种方式.   1. HTML onclick attribute     <button type="button" id="upl ...

  5. JS中访问对象的两种方式区别

    可以使用下面两种方式访问对象的属性和方法 1.对象名.属性名 对象名.方法名() 2.对象名["属性名"] 对象名["方法名"]() var obj = { n ...

  6. js中面向对象(创建对象的几种方式)

    1.面向对象编程(OOP)的特点: 抽象:抓住核心问题 封装:只能通过对象来访问方法 继承:从已有的对象下继承出新的对象 多态:多对象的不同形态 一.创建对象的几种方式 javascript 创建对象 ...

  7. JS中检测数据类型的几种方式及优缺点【转】

    1.typeof 用来检测数据类型的运算符 typeof value 返回值首先是一个字符串,其次里面包含了对应的数据类型,例如:"number"."string&quo ...

  8. JS中检测数据类型的几种方式及优缺点

    1.typeof 用来检测数据类型的运算符 typeof value 返回值首先是一个字符串,其次里面包含了对应的数据类型,例如:"number"."string&quo ...

  9. JS中检测数据类型的四种方式及每个方式的优缺点

    //1.typeof 用来检测数据类型的运算符 //->typeof value //->返回值首先是一个字符串,其次里面包含了对应的数据类型,例如:"number". ...

随机推荐

  1. java并发编程实战：第二章----线程安全性

    一个对象是否需要是线程安全的取决于它是否被多个线程访问. 当多个线程访问同一个可变状态量时如果没有使用正确的同步规则,就有可能出错.解决办法: 不在线程之间共享该变量 将状态变量修改为不可变的 在访问 ...

  2. Altera FPGA 开启引脚片上上拉电阻功能

    本博文以矩阵键盘实验为例,介绍了如何开启FPGA管脚的片上上拉电阻. Cyclone IV E FPGA的通用输入输出管脚都支持内部弱上拉电阻,但是时钟输入脚不支持.所以,当需要上拉电阻的信号(如本例 ...

  3. 开源WebGIS实施方案（四）：GeoServer发布PostGIS数据

    GeoServer可以支持多种格式的数据源,本文只介绍其中一种,即PostGIS数据源. 新建一个工作区.工作区这个名字也是一变再变,早前叫做目录,后来改为工作空间,如今已变为工作区了. 添加数据存储 ...

  4. SQLServer 语句相关

     --查询两行张表不同的数据 --相同数据 select tel_no from a intersect select tel_no from b --不同数据 select tel_no from ...

  5. ubuntu设置root

    第一步:首先sudo passwd root 设置root密码第二步:#vim /etc/ssh/sshd_config#PermitRootLogin without-password    #找到 ...

  6. c# HighCharts使用

    最近接到个图形报表的需求,网络上找了几个插件,最后决定用highcharts 需要的文件 1.bll文件,添加到项目引用   http://files.cnblogs.com/files/loveju ...

  7. C#——做一个简单代理IP池

    一.缘由. 抓取数据时,有一些网站 设置了一些反爬虫设置,进而将自己本地 IP 地址拉入系统黑名单.从而达到禁止本地 IP 访问数据的请求. 二.思路. 根据其他 代理 IP 网站,进行一个免费的代理 ...

  8. WPF自定义进度条

    <!--进度条 4812--> <LinearGradientBrush x:Key="ProgressBarIndicatorAnimatedFill" Sta ...

  9. Android 获取 content layout

    if (findViewById(android.R.id.content) instanceof ViewGroup) { ViewGroup mainView = ((ViewGroup)find ...

  10. python网络编程--线程的方法,线程池

    一.线程的其他方法(Thread其他属性和方法) ident() 获取线程id Thread实例对象的方法 isAlive() 设置线程名 getName() 返回线程名 setName() 设置线程 ...