<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>JavaScript Study Basic 2015.11.20--</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> </style> <script type="text/javascript"> //JavaScript = ECMAScript(function,closure,OO) + DOM + BOM //js基础 //ECMAScript 有 5 种原始类型（primitive type），即 Undefined、Null、Boolean、Number 和 String。 //对变量或值调用 typeof 运算符将返回下列值之一： //undefined - 如果变量是 Undefined 类型的 //boolean - 如果变量是 Boolean 类型的 //number - 如果变量是 Number 类型的 //string - 如果变量是 String 类型的 //object - 如果变量是一种引用类型或 Null 类型的 var a="hello"; document.write(typeof a +"<br>");//string a = 10; document.write(typeof a+"<br>");//number a = 10.6; document.write(typeof a+"<br>");//number a = function(){} document.write(typeof a+"<br>");//function * a = new Object(); document.write(typeof a+"<br>");//object a = undefined; document.write(typeof a+"<br>");//undefined * a = NaN; document.write(typeof a+"<br>");//number * a = null; document.write(typeof a+"<br>");//object * a = true; document.write(typeof a+"<br>");//boolean a= -1; document.write(typeof a+"<br>");//number a= [1,2,"3"]; document.write(typeof a+"<br>");//object document.write(null == undefined +"<br>"); //输出 "true" * //NaN * //最后一个特殊值是 NaN，表示非数（Not a Number）。NaN 是个奇怪的特殊值。 //一般说来，这种情况发生在类型（String、Boolean 等）转换失败时。 //例如，要把单词 blue 转换成数值就会失败，因为没有与之等价的数值。 //与无穷大一样，NaN 也不能用于算术计算。 //NaN 的另一个奇特之处在于，它与自身不相等，这意味着下面的代码将返回 false： document.write(NaN == NaN+"<br>"); //输出 "false" * //出于这个原因，不推荐使用 NaN 值本身。函数 isNaN() 会做得相当好： document.write(isNaN("blue")+"<br>"); //输出 "true" * document.write(isNaN("666")+"<br>"); //输出 "false" * //* var iNum1 = parseInt("12345red"); //返回 12345 * document.write(iNum1+"<br>"); var iNum1 = parseInt("0xA"); //返回 10 document.write(iNum1+"<br>"); var iNum1 = parseInt("56.9"); //返回 56 document.write(iNum1+"<br>"); var iNum1 = parseInt("red"); //返回 NaN * document.write(iNum1+"<br>"); /* Object 对象 Object 对象自身用处不大，不过在了解其他类之前，还是应该了解它。因为 ECMAScript 中的 Object 对象与 Java 中的 java.lang.Object 相似，ECMAScript 中的所有对象都由这个对象继承而来，Object 对象中的所有属性和方法都会出现在其他对象中，所以理解了 Object 对象，就可以更好地理解其他对象。 Object 对象具有下列属性： constructor 对创建对象的函数的引用（指针）。对于 Object 对象，该指针指向原始的 Object() 函数。 Prototype 对该对象的对象原型的引用。对于所有的对象，它默认返回 Object 对象的一个实例。 Object 对象还具有几个方法： hasOwnProperty(property) 判断对象是否有某个特定的属性。必须用字符串指定该属性。（例如，o.hasOwnProperty("name")） IsPrototypeOf(object) 判断该对象是否为另一个对象的原型。 PropertyIsEnumerable 判断给定的属性是否可以用 for...in 语句进行枚举。 ToString() 返回对象的原始字符串表示。对于 Object 对象，ECMA-262 没有定义这个值，所以不同的 ECMAScript 实现具有不同的值。 ValueOf() 返回最适合该对象的原始值。对于许多对象，该方法返回的值都与 ToString() 的返回值相同。 注释：上面列出的每种属性和方法都会被其他对象覆盖。 */ var obj = new Object(); document.write(obj.constructor);//function Object() { [native code] } document.write("<br>"); document.write(obj.prototype);//undefined document.write("<br>"); document.write(obj.toString());//[object Object] document.write("<br>"); var obj = { name:"li", age:20, say:function(){ alert(this.name+","+this.age); } } document.write(obj.constructor);//function Object() { [native code] } document.write("<br>"); document.write(obj.prototype);//undefined document.write("<br>"); document.write(obj.toString());//[object Object] document.write("<br>"); function Person(name,age){ this.name = name; this.age = age; this.say= function(){ alert(this.name+","+this.age); } } var obj = new Person("li",20); document.write(obj.constructor);//function Person(name,age){ this.name = name; this.age = age; this.say= function(){ alert(this.name+","+this.age); } } document.write("<br>"); document.write(obj.prototype);//undefined document.write("<br>"); document.write(obj.toString());//[object Object] document.write("<br>"); document.write(obj.hasOwnProperty("name"));//true document.write("<br>"); //Boolean对象 var oFalseObject = new Boolean(false); var bResult = oFalseObject && true; //输出 true document.write(oFalseObject);//false document.write("<br>"); document.write(bResult);//true document.write("<br>"); //Number对象 var oNumberObject = new Number(68); document.write(oNumberObject.toFixed(2)); //输出 "68.00" document.write("<br>"); //string对象 var oStringObject = new String("hello world"); //String 对象的 valueOf() 方法和 toString() 方法都会返回 String 类型的原始值： document.write(oStringObject.valueOf() == oStringObject.toString()); //输出 "true" document.write("<br>"); document.write(oStringObject.length); //输出 "11" document.write("<br>"); document.write(oStringObject.charAt(1));// e document.write("<br>"); document.write(oStringObject.charCodeAt(1));//101 document.write("<br>"); //contact var oStringObject = new String("hello "); var sResult = oStringObject.concat("world"); //alert(sResult); //输出 "hello world" //alert(oStringObject); //输出 "hello " document.write(oStringObject.indexOf("o")); //输出 "4" document.write("<br>"); document.write(oStringObject.lastIndexOf("o")); //输出 "7" document.write("<br>"); document.write(oStringObject.slice("3")); //输出 "lo world" document.write("<br>"); document.write(oStringObject.substring("3")); //输出 "lo world" document.write("<br>"); document.write(oStringObject.slice("3", "7")); //输出 "lo w" document.write("<br>"); document.write(oStringObject.substring("3", "7")); //输出 "lo w" document.write("<br>"); document.write(oStringObject instanceof String); //输出 "true" document.write("<br>"); //全等号由三个等号表示（===），只有在无需类型转换运算数就相等的情况下，才返回 true。 var sNum = "66"; var iNum = 66; document.write(sNum == iNum); //输出 "true" document.write(sNum === iNum); //输出 "false" /* 表达式 值 null == undefined true "NaN" == NaN false 5 == NaN false NaN == NaN false NaN != NaN true false == 0 true true == 1 true // 1为true, 非1都为false true == 2 false undefined == 0 false null == 0 false "5" == 5 true */ </script> </head> <body> <div id="wrap"> </div> </body> </html>