发布于 2017-02-01 04:27:44 | 100 次阅读 | 评论: 0 | 来源: 网友投递
这里有新鲜出炉的Javascript教程,程序狗速度看过来!
JavaScript客户端脚本语言
Javascript 是一种由Netscape的LiveScript发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
一、类型转换
1.转换成字串
ECMAScript的Boolean值、数字和字串的原始值的有趣之处在于它们是伪对象,这意味着它们实际上具有属性和方法。
如:
var sColor = "blue";
alert(sColor.length);//outputs "4"
Boolean型的toString()方法只是输出"true"或"false",结果由变量的值决定:
var bFound = false;
alert(bFound.toString());//outputs "false"
var iNum1 = 10;
var fNum2 = 10.0;
alert(iNum1.toString()); //outputs "10"
alert(fNum2.toString()); //outputs "10"
var iNum = 10;
alert(iNum.toString(2)); //outputs "1010"
alert(iNum.toString(8)); //outputs "12"
alert(iNum.toString(16)); //outputs "A"
例如:
var iNum1 = parseInt("1234blue");//returns 1234
var iNum2 = parseInt("oxA"); //returns 10
var iNum3 = parseInt("22.5"); //returns 22
var iNum4 = parseInt("blue"); //returns NaN
var iNum1 = parseInt("AF",16);// returns 175
var iNum2 = parseInt("10",2); // returns 2
var iNum3 = parseInt("10",8); //returns 8
var iNum4 = parseInt("10",10); //returns 10
var iNum1 = parseInt("010"); // returns 8
var iNum2 = parseInt("010",8); //returns 8
var iNum3 = parseInt("010",10);//returns 10
var fNum1 = parseFloat("1234blue"); //returns 1234.0
var fNum2 = parseFloat("0xA"); //returns NaN
var fNum3 = parseFloat("22.5"); //returns 22.5
var fNum4 = parseFloat("22.34.5");//returns 22.34
var fNum5 = parseFloat("0908");//returns NaN
var fNum6 = parseFloat("blue");//returns NaN
(1).Boolean(value)
把给定的值转换成Boolean型。
当要转换的值是至少有一个字符的字符串、非0数字或对象时,Boolean()函数将返回true。如果该值是空字符串、数字0、undefined或null,它将返回false。
如:
var b1 = Boolean(""); // false;
var b2 = Boolean("hi");//true
var b3 = Boolean(100);//true
var b4 = Boolean(null);//false
var b5 = Boolean(0);//false
var b6 = Boolean(new Object());//true
Number(false);//0
Number(true);//1
Number(undefined);//NaN
Number(null);//0
Number("5.5");//5.5
Number("56");//56
Number("5.6.7");//NaN
Number(new Object());//NaN
Number(100);//100
var s1 = String(null);//"null"
var oNull = null;
var s2 = oNull.toString();//causes an error
1.Object类
ECMAScript中的所有类都由这个类继承而来,Object类中的所有属性和方法都会出现在其他类中(被覆盖)。
Object类的属性:
(1).Constructor----对创建对象的函数的引用(指针)。对于Object类,该指针指向原始的object()函数。
(2).Prototype----对该对象的对象原型的引用。对于所有的类,它默认返回Object对象的一个实例。
Object类的方法:
(1).HasOwnProperty(property)----判断对象是否有某个特定的属性。必须用字符串指定该属性(例如:o.hasOwnProperty("name"))。
(2).IsPrototypeOf(object)----判断该对象是否为另一个对象的原型。
(3).PropertyIsEnumerable(property)----判断给定的属性是否可以用for..in语句进行枚举。
(4).ToString()----返回对象的原始字符串表示。不同的ECMAScript实现具有不同的值。
(5).ValueOf()----返回最适合该对象的原始值。对于许多类,该方法返回的值都与toString()的返回值相同。
2.Boolean类
在ECMAScript中很少使用Boolean对象,即使使用,也不易理解。
例如:
var oFalseObject = new Boolean(false);
var bResult = oFalseObject && true;//outputs true;
3.Number类
Number.MAX_VALUE等等特殊值都Number类的静态属性。要得到数字对象的Number原始值,只需要使用valueOf()方法:
var iNumber = oNumberObject.valueOf();
除从Object类继承的标准方法外,Number类还有几个处理数值的专用方法。
toFixed()方法:
返回的是具有指定位数小数的数字的字符串表示。方法能表示具有0到20位小数的数字,超出这个范围的值会引发错误。
如:
var oNumberObject = new Number(99);
aler(oNumberObject.toFixed(2));//outputs "99.00"
var oNumberObj = new Number(99);
alert(oNumberObj.toExponential(1));//outputs "9.9e+1"
var oNumberObj = new Number(99);
alert(oNumberObj.toPrecision(1));//outputs "1e+2" ==100
var oNumberObj = new Number(99);
alert(oNumberObj.toPrecision(2));// outputs "99"
alert(oNumberObj.toPrecision(3));// outputs "99.0"
toLocaleString()方法:
可以在页面上格式显示,如5210.50显示为5,210.50,但是如果在使用其值时,应该用parseFloat($("N_YJJE").value.replace(//,/g, ""));的形式替换掉逗号,后得到其值。
注意:与Boolean对象相似,Number对象也很重要,不过应该少用这种对象,以避免发生潜在的问题。只要可能,都使用数字的原始表示法。
4.String类
String对象的valueOf()方法和toString()方法都会返回String型的原始值:
alert(oStringObj.valueOf() == oStringObj.toString());//outputs "true"
var oStringObj = new String("hello world");
alert(oStringObj.length);outputs "11"
charAt()方法:
返回的是包含指定位置处的字符的字符串:
var oStringObj = new String("hello world");
alert(oStringObj.charAt(1));outputs "e"
var oStringObj = new String("hello world");
alert(oStringObj.charCodeAt(1));outputs "101"
var oStringObj = new String("hello ");
var sResult = oStringObj.concat("world");//oStringObj+"world";更常见
alert(sResult);//outputs "hello world"
alert(oStringObj);//outputs "hello"
localeCompare(),对字符串进行比较(按照字母顺序比较,越后越大)。该方法有一个参数--要进行比较的字符串,返回的是下列3个值之一:
1.如果String对象按照字母顺序排在参数中的字符串之前,返回负数(最常见的是-1,不过真正的返回由实现决定的)。
2.如果String对象等于参数中的字符串,返回0。
3.如果String对象按照字母顺序排在参数中的字符串之后,返回正数(最常见的是1,不过真正的返回由实现决定的)
slice()和substring()方法:
这两个方法返回的都是要处理的字符串的子串,都接受一个或两个参数。第一个参数是要获取的子串的起始位置,第二个参数是要获取子串终止前的位置(终止位置处的字符不包括大返回的值内)。如果省略第二个参数,终止位就默认为字符串的长度。这两个方法都不改变String对象自身的值。
var oStringObj = new String("hello world");
alert(oStringObj.slice(3));//outputs "lo world"
alert(oStringObj.slice(3,7));//outputs "lo w"
var oStringObj = new String("hello world");
alert(oStringObj.slice(-3));//outputs "rld"相当于反向取
alert(oStringObj.substring(-3));//outputs "hello world"
alert(oStringObj.slice(3,-4));//outputs "lo w"
alert(oStringObj.substring(3,-4));//outputs "hel" substring()总是把较小的数字作为起始位,较大的数字作为终止位。
记住:String类的所有属性和方法都可应用于String原始值上,因为它们是伪对象。
5.instanceof运算符
在使用typeof运算符时采用引用类型存储值会出现一个问题,无论引用的是什么类型的对象,它都返回"object"。instanceof方法要示开发者明确地确认对象为某特定类型。如:
var oStrObj = new String("hello world");
alert(oStrObj instanceof String);//outputs "true"