【JavaScript 从零开始】 数字 文本 包装对象

 

JavaScript中的算术运算

JavaScript 还自称更加复杂的算术运算,这些复杂的运算通过作为Math对象的属性定义的函数和常量来实现:

Math.pow(2,53)                //=>9007199254740992: 2的53次幂
Math.round(.6)                 //=>1.0: 四舍五入
Math.ceil(.6)                     //=>1.0: 向上求整
Math.floor(.6)                   //=>0.0: 向下求整
Math.abs(-5)                    //=>5: 求绝对值
Math.max(x,y,z)               //=>返回最大值
Math.min(x,y,z)               //=>返回最小值

Math.random()                // 生成一个大于等于0小于1.0的伪随机数
Math.PI                           // π : 圆周率
Math.E                            // e: 自然对数的底数
Math.sqrt(3)                    // 3 的平方根
Math.pow(3,1/3)              // 3 的立方根
Math.sin(0)                      // 三角函数:还有Math.cos等
Math.log(10)                    // 10的自然对数
Math.log(100)/ Math.LN10             // 以10为底100的对数
Math.log(512)/Math.LN2            // 以2为底512的对数
Math.exp(3)                      // e的三次幂
                

 

JavaScript采用可IEEE-754浮点数表示法(几乎所有现代变成语言所采用),

这是一种二进制表示法,可以精确地表示分数,比如 1/2、1/8 和1/1024.遗憾的是,

我们常用的分数(特别是在金融计算方面)都是十进制分数1/10、1/100等。

二进制浮点表示法并不能精确表示似0.1这样的数字。

JavaScript 中的数字具有足够的精度,并可以及其近似于0.1.但事实是,数字不能精确表述的确带来了一些问题。

看下这段代码:

var x=.3-.2  ;                 //30美分减去20美分
var y=.2-.1 ;                  //20美分减去10美分
x==y                            //=>false : 两个值不相等!
x==1                            //=>false : .3-.2 不等于.1
y==1                            //=>true : .2-.1 等于.1
    

由于舍入误差,0.3和0.2之间的近似差值实际上并不等于0.2和0.1之间的近视差值。

注释:在JavaScript的真是运行环境中,0.3-0.2=0.099 999 999 999 999 98

这个问题不只在JavaScript中才会出现,理解这一点非常重要:

在任何使用二进制浮点数的编程语言中都会有这个问题。

同样要注意的是,上述代码中x和y的值非常接近彼此和最终的正确值。

这种计算结果可以胜任大多数的计算任务:这个问题也只有在比较两个值是否相等的时候才会出现。

JavaScript的未来版本或许会支持十进制数字类型以避免这些舍入问题。在这之前你可能更愿意只用大整数进行重要的金融计算。

例如,要使用整数 "分 " 不要使用小数 "元 “进行基于货币单位的运算。

 

在计算的时候,还请大家少用小数,也就是说当有金额为 1.6元的时候  请用16分表示。

 

 

字符串的使用

JavaScript的内置功能之一就是字符串连接。如果将加号(+)运算符用于数字,表示两数相加。但将它作用于字符串,则表示字符串连接。

将第二个字符串拼接在第一个之后,例如:

var msg="Hello, "+"world";          //生成字符串 "Hello, world"

要确定一个字符串的长度---其所包含的16位值得个数---可以使用字符串的  length 属性。

比如要获取字符串 s 的长度:  s.length

除了length 属性,字符串还提供许多可以调用的方法:

var s="hello,world";                    //定义一个字符串
s.charAt(0);                                 //=>"h" : 第一个字符
s.charAt(s.length-1);                    //=>”d" : 最后一个字符
s.substring(1,4) ;                         //=>”ell" : 第2~4个字符
s.slice(1,4);                                 //=>”ell" : 第2~4个字符
s.slice(-3);                                   //=>”ell" : 最后三个字符
s.indexOf("l");                              //=>2 : 字符l 首次出现的位置
s.lastIndexOf("l");                        //=>10 : 字符l 最后一次出现的位置
s.indexOf("l",3);                         //=>3 : 在位置3及之后出现字符l的位置
s.split(",");                                 //=>["hello","world"] : 分割成子串
s.replace("h","H");                     //=>"Hello, world": 全文字符替换
s.toUpperCase();                         //=>"HELLO,WORLD" :转为大写

记住,在JavaScript中字符串是固定不变的,

类似replace()和toUpperCase()的方法都返回新字符串,原字符串本身并没有发生改变。

 

 

null 和 undefined

在JavaScript开发中,被人问到:null与undefined到底有啥区别?

    一时间不好回答,特别是undefined,因为这涉及到undefined的实现原理。于是,细想之后,写下本文,请各位大侠拍砖。

    总所周知:null == undefined

    但是:null !== undefined 

    那么这两者到底有啥区别呢?

 

null

    这是一个对象,但是为空。因为是对象,所以 typeof(null)  返回 'object' 。

    null 是 JavaScript 保留关键字。

    null 参与数值运算时其值会自动转换为 0 ,因此,下列表达式计算后会得到正确的数值:

    表达式:123 + null    结果值:123

    表达式:123 * null    结果值:0

 

undefined

  undefined是全局对象(window)的一个特殊属性,其值是未定义的。但 typeof(undefined) 返回 'undefined' 。

      虽然undefined是有特殊含义的,但它确实是一个属性,而且是全局对象(window)的属性。请看下面的代码:

 alert('undefined' in window);   //输出:true

     var anObj = {};
     alert('undefined' in anObj);    //输出:false

    从中可以看出,undefined是window对象的一个属性,但却不是anObj对象的一个属性。

  注意:尽管undefined是有特殊含义的属性,但却不是JavaScript的保留关键字。 

  undefined参与任何数值计算时,其结果一定是NaN。

  随便说一下,NaN是全局对象(window)的另一个特殊属性,Infinity也是。这些特殊属性都不是JavaScript的保留关键字!

 

提高undefined性能

  当我们在程序中使用undefined值时,实际上使用的是window对象的undefined属性。 

  同样,当我们定义一个变量但未赋予其初始值,例如:

    var aValue;

  这时,JavaScript在所谓的预编译时会将其初始值设置为对window.undefined属性的引用, 

  于是,当我们将一个变量或值与undefined比较时,实际上是与window对象的undefined属性比较。这个比较过程中,JavaScript会搜索window对象名叫‘undefined'的属性,然后再比较两个操作数的引用指针是否相同。

  由于window对象的属性值是非常多的,在每一次与undefined的比较中,搜索window对象的undefined属性都会花费时间。在需要频繁与undefined进行比较的函数中,这可能会是一个性能问题点。因此,在这种情况下,我们可以自行定义一个局部的undefined变量,来加快对undefined的比较速度。例如: 

 function anyFunc()
    {
        var undefined;          //自定义局部undefined变量
        
        if(x == undefined)      //作用域上的引用比较
        
        
        while(y != undefined)   //作用域上的引用比较
        
    };

其中,定义undefined局部变量时,其初始值会是对window.undefined属性值的引用。新定义的局部undefined变量存在与该函数的作用域上。在随后的比较操作中,JavaScript代码的书写方式没有任何的改变,但比较速度却很快。因为作用域上的变量数量会远远少于window对象的属性,搜索变量的速度会极大提高。

  这就是许多前端JS框架为什么常常要自己定义一个局部undefined变量的原因!

 

 

包装对象

JavaScript对象是一种复合纸:它是属性或已命名值得集合。

通过"."符号来引用属性值。当属性值是一个函数的时候,称其为方法。通过o.m()来调用对象o中的方法。

我们看到字符串也同样具有属性和方法:

var s= "hello world!";                                               //一个字符串
var word = s.substring(s.indexOof(" ")+1,s.length);    //使用字符串的属性

字符串既然不是对象,为什么它会有属性呢?

只要引用了字符串 s 的属性,JavaScript就会将字符串值通过调用 new String(s)的方法转换成对象,这个对象继承了字符串的方法,并被用来处理属性的引用。

一旦属性引用结束,这个新创建的对象就会销毁(其实在实现上并不一定创建或销毁这个临时对象,然而整个过程看起来这样)。

同字符串一样,数字和布尔值也具有各自的方法:通过Number()和Boolean()构造函数创建一个临时对象,这些方法的调用均是来用于这个临时对象。

null和undefined没有包装对象:访问它们的属性对照成一个类型错误。

看如下代码:

var s = "test";      //创建一个字符串
s.len= 4;             //给它设置一个属性
var t =s.len;         //查询这个属性

// t 的值是undefined

需要注意的是,可以同String(), Number() 或 Boolean()构造函数来显示创建包装对象:

var s="test",n=1,b=true;  //一个字符串、数字、布尔值
var S=new String(s);         //一个字符串
var N=new Number(n);      //一个数字
var B=new Boolean(b);      //一个布尔值

JavaScript 会在必要时将包装对象转化成原始值,因此上段代码中对象 S 、N 和 B常常----但不总是----表现的和值 s、n和 b一样。

“==”等于运算符将原始值和其包装对象视为相等,

但是“===”全等运算符将它们视为不等。

通过typeof 运算符可以看到原始值和包装对象的不同。

var s="test",n=1,b=true;  //一个字符串、数字、布尔值
var S=new String(s);         //一个字符串
var N=new Number(n);      //一个数字
var B=new Boolean(b);      //一个布尔值

s==S ;                           //=> true : 等于运算符视为相等
s===S;                           //=> false: 全等运算符视为不等

//原因如下
typeof s ;                          //=> "string": s 的 type 是string 
typeof S ;                          //=> "object": S 的 type 是object

 

posted @ 2015-12-28 16:21  178mz  阅读(609)  评论(0编辑  收藏  举报