《JavaScript高级程序设计》笔记

《JavaScript高级程序设计》笔记3：基本概念

2017-08-27  本文已影响0人  梁海杰_IRV

数据类型

typeof操作符

typeof操作符可能返回下列某个字符串：

var  message = "some string";
alert(typeof message); //"string"
alert(typeof(message)); //"string"
alert(typeof 95); //"number"
typeof (new String("sdsd")) //"object"
typeof "sdsd"  ///"string"

ECMAScript松散类型——需要typeof检测给定变量数据类型

  • typeof null会返回"object"。因为特殊值"null"被认为是一个空的对象引用。

undefined

undefined类型只有一个值，即特殊的undefined。声明后未初始化。
对于未初始化变量、未声明变量、没传递值的命名参数、没有返回值的立即执行函数。执行typeof操作都是返回"undefined"

题目：假设 output 是一个函数，输出一行文本。下面的语句输出结果是什么？

output(typeof (function() {output(“Hello World!”)})());
// Hello World!undefined

分析：
1.先立即执行匿名函数，输出Hello World！
2.函数执行后无返回值，则输出未定义

var message;
alert(typeof message); //undefined
alert(typeof age); //undefined

null

null也是只有一个值的数据类型，特殊值是null。从逻辑角度上看，null值表示一个空对象指针，而这也正是使用typeof操作符检测null值会返回“object”的原因。

alert(null == undefined);  //true
alert(null === undefined); //false

这里，位于null和undefined之间的相等操作符（==）总是返回true。具体可参考——"==" 与 "==="区别
　　尽管null和undefined有这样的关系，但它们的用途完全不同。如前所述，无论在什么情况下都没有必要把一个变量显式地设置为undefined,可是同样的规则对null却不适用。换句话说，只要意在保存对象的变量还没有真正保存对象，就应该明确地让该变量保存null值。这样做不仅可以体现null作为空对象指针的惯例，而且也有助于进一步区分null和undefined。

Boolean类型

该类型只有两个字面值：true和false。这2个值跟数字值不是同一回事，因为true不一定等于1，false不一定等于0。该类型的2个值是区分大小写的
虽然Boolean类型只有两个字面值，但ECMAScript所有类型的值都有与这两个Boolean值等价的值。要将一个值转换为其对应的Boolean值，可以调用转型函数Boolean()。

转换规则：

数据类型 转换为true 转换为false的值
Boolean true false
String 任何非空字符串 ""(空字符串)
Number 任何非零数值(包括无穷大) 0、+0、-0和NaN
Object 任何对象 null
Undefined - undefined 
Boolean(undefined) // false
Boolean(null) // false
Boolean(0) // false
Boolean(NaN) // false
Boolean('') // false

Boolean({}) // true
Boolean([]) // true
Boolean(new Boolean(false)) // true

Number类型

最基本的数值字面量是10进制整数。除此之外，整数还可以用8进制、16进制的字面量表示。
其中，8进制首位必须是0，如果字面值超出范围(超出0-7)，前导0将被忽略，后面数值当做十进制数值解析。
16进制前面必须是0x。后面是(0-9或A-F或a-f)。

var num1 = 070;  //8进制的56
var num2 = 079; //无效8进制——解析为79
var num2 = 08; //无效8进制——解析为8

var hexnum1 = 0xA; //16进制10
var hexnum1 = 0x1f; //16进制31

浮点数值

所谓浮点数值——该数值必须包含一个小数点，且小数点后面至少有一位数字。（保存浮点数值需要内存空间是保存整数值的两倍，ECMAScript会不失时机的将浮点数值转换为整数值）

var floatNum1 = 1.; //解析为1
var floatNum2 = 10.0; //整数——解析为10

var floatNum3 = 3.125e7; //31250000
var floatNum4 = 3e-7; //0.0000003
//默认情况下，ECMAScript会将小数点后面带有6个0以上浮点数值转换为e表示法

浮点数值的最高精度是17位小数，但在进行算术计算时其精确度远不如整数。例如,0.1加0.2的结果不是0.3，而是0.300000000000000004，这个小小的舍入误差会导致无法测试特定的浮点数值。

var a=0.2,b=0.1;
if(a+b==0.3){
     console.log("you got 0.3.");
}

我们测试这两个数的和不等于3，如果这2个数是0.25和0.05，或者是0.15和0.15，结果都是没有问题的。如果是0.1和0.2，那么测试无法通过。因此，永远不要测试某个特定的浮点数值。

数值转换

Number(), parseInt(),parseFloat()

Number()函数的转换规则如下：

Number()函数在转换字符串的时候比较复杂不合理，所以常用parseInt()函数

parseInt()函数的转换规则如下：

var num1 = parseInt("1234blue");  //1234
var num2 = parseInt("");   //NaN   Numebr("") => 0
var num3 = parseInt("0xA");  //10
var num4 = parseInt(22.5); //22
var num5 = parseInt("070"); 
//ECMAScript5引擎中(无论是否严格)：70 - 10进制
//ECMAScript3引擎中：56 - 8进制
var num6 = parseInt("70"); //70
var num7 = parseInt("0xf");  //15

var num7 = parseInt("0xaf", 16);  //175
var num8 = parseInt("af", 16);  //175
var num9 = parseInt("af");  //NaN

数值范围

NaN

NaN的两个特点，一是任何涉及NaN的操作（例如NaN/10）都会返回NaN，这个特点在多步计算中有可能导致问题。其次，NaN与任何值都不相等，包括NaN本身。
任何数值除以0都返回NaN。
isNaN()函数接收一个参数，该参数可以是任何类型，而函数会帮我们确定这个参数是否“不是数值”，isNaN()在接收这个值后，会尝试将这个值转换为数值。而任何不能被转换为数值的值都会导致这个函数返回true。
isNaN()同样适用于对象。先调用对象的valueOf()方法，然后确定该方法返回值能否可以转换为数值。如果不能，则基于这个返回值再调用toString()方法，再测试返回值。

alert(NaN==NaN); // false
alert(isNaN(isNaN)); // true
alert(isNaN(10)); // false
alert(isNaN("10")); // false
alert(isNaN("blue")); // true
alert(isNaN(true)); // false

String

字符字面量：包含特殊字面量（转义序列），如：\n(换行)、\t(制表)、\b(空格)、\\(斜杠)、\unnnn(Unicode字符)、\xnn等。

var text = "13 2\u03a3."; 
console.log(text.length); //6

字符串特点：不可变。一旦创建，值不能改变，改变某个变量所存的字符串，先销毁原来的字符串，再用包含新值字符串填充。

var lang = "Java";
lang = lang + "Script";
//首先创建一个能容纳10个字符的新字符串，然后再这个字符串中填充"Java"和"Script"，最后一步销毁原来的字符串"Java"和"Script"。上述过程，在后台发生。

转换为字符串：

  1. 几乎每个值(包括字符串本身-返回副本。但不保括undefined和null)都有的toString()方法。数值调用时，该方法可带参数——指定输出数值基数。
  2. String()函数(不知道是否是null或者undefined情况下用)。
  3. 与字符串""相加。
//1.数值、布尔、对象、字符串（返回副本）都有toString方法。
var age = 11;
var ageString = age.toString(); //"11"
var found = true;
var foundString = found.toString();  //"true"
var num = 10;
alert(num.toString(2));  //"1010"
alert(num.toString(8)); //"12"

//2.String()规则：优先使用toString()。其次，null和undefined返回"null"和"undefined"
var val1;
alert(String(10));  //"10"
alert(String(true)); //"true"
alert(String(null));  //"null"
alert(String(val1)); // "undefined"

Object类型

Object的每个实例具有下列属性和方法。

函数

function fun(){
  alert(arguments.lenght);
}
fun();  //0
fun1(1); //1
fun2(1,2,3); //3

//拟补重载缺陷
function add(num1, num2){
  if(arguments.length == 1){
    return arguments[0] + 10;
  }
  else if(argument.length == 2){
    return arguments[0] + arguments[1];   
    //arguments对象可以和命名参数一起使用：return arguments[0] + num2;
  }
}

//
function doAdd(num1, num2){
  arguments[1] = 10;
  return num1 + num2;
}
doAdd(1,2);  //11 ===> 严格模式下报错

<script>
   var m = 1, j = k = 0;

  function add(n){
    return n = n + 1;
  }
  y = add(m);

  function add(n){
    return n = n + 3;
  }
  z = add(m);
//问：y和z的最终结果是：4,4
</script>

说明：

  • js里面没有函数重载的概念。在其他语言（如java）中，可以存在同名函数，只要传入参数数量或者类型不同即可。但是在js中，定义两个同名函数后，后面的函数会覆盖前面定义的函数。结合这道题来说，由于函数声明提升，所以函数声明会提前，由于存在同名函数。后面的add函数将覆盖第一个add函数。
  • 疑问：函数里return把参数改变了，为什么z不是7？——在ECMAScript中所有参数传递都是值传递，不可能通过引用传递参数。用完一次就销毁了，下次重新传值。
    所以在本题中，前后两次调用add()返回的值是相同的，都是4。
    更多解析请参考——链接 
 * 可以通过`arguments`对象检查传入参数中的类型和数量作出不同反应，模仿方法重载。
 * 未指定特殊返回值的函数返回的是一个特殊的`undefined`值

操作符

上一篇下一篇

猜你喜欢

热点阅读