JS中的内部类
2016-04-15 00:30
639 查看
js内部类
javascript中本身有提供一些可以直接使用的类,这种类就是内部类。主要有:Object、Array、Math、Boolean、String、Number、Date、RegExp。
js内部类--概述
前面我们讲的对象都是自定义类(就是自己写的),js的设计者为了编程方便,也提供了事先定义好的类(有属性和方法了),这些类在我们做web开发的时候,经常用到。我们称为js内部类。
按照使用方式,我们把js内部类分为两类(动态类、静态类)
js内部类:
1、动态类
在引用其属性和方法的时候:
①var 对象实例名 = new 动态类();
②对象实例名.方法(或属性);
2、静态类
在引用其属性和方法的时候:静态类.方法(或属性);
![](https://images2015.cnblogs.com/blog/680798/201604/680798-20160414230604145-365548146.png)
Object类
关于Object类,前面已经讲过,在此不赘述。
Math类
用于执行常见的数学任务。
Math是静态类,提供了常用的数学函数和常数,介绍几个最常用的函数,其它的请大家参考JavaScript帮助文档。
Math对象方法:(详情参考http://www.w3school.com.cn/jsref/jsref_obj_math.asp)
![](https://images2015.cnblogs.com/blog/680798/201604/680798-20160414231938082-745293689.png)
如下例:
案例:随机产生1至100的整数。
注意:random()返回一个大于0小于1的16位小数位的数字。
Date类
用于处理日期和时间。
Date类是动态类,是提供了日期和时间的操作。
Date对象方法可参考http://www.w3school.com.cn/jsref/jsref_obj_date.asp。
例,
思考题:当用户浏览网页的时候,根据当前的时间,给出问候语:
提供一个思路:把当前时间转成距离00:00的秒数(小时数)。给出一个代码框架:
String类
用于处理已有的字符块。
String是动态类,提供了对字符串的各种操作。
String对象方法可参考http://www.w3school.com.cn/jsref/jsref_obj_string.asp。
注意:
split(),如果把空字符串 ("") 用作分割符,那么此字符串中的每个字符之间都会被分割。
stringObject.substr(start, length):一个新的字符串,包含从stringObject的start(包括start所指的字符)处开始的length个字符。如果没有指定length,那么返回的字符串包含从start到stringObject的结尾的字符。
stringObject.substring(start, stop):一个新的字符串,该字符串值包含stringObject的一个子字符串,其内容是从start处到stop-1处的所有字符,其长度为stop减start。
match()/replace()/search()用的很多,但是涉及到正则表达式,这三个函数放在正则表达式章节中介绍。
例,
Array类
使用单独的变量名存储一系列的值。
Array是动态类,提供了对数组的操作,使用Array类可以轻松的创建数组,并对数组进行删除、排序和合并等操作。
Array对象方法可参考http://www.w3school.com.cn/jsref/jsref_obj_array.asp。
通过Array对象创建数组:
1、
可动态的添加元素:
2、
这里着重讲解入栈push()和出栈pop()函数(图示):
![](https://images2015.cnblogs.com/blog/680798/201604/680798-20160415000703176-1139374508.png)
理解上图之后,很容易看懂下例:
再看一个例子:
Boolean类
用于将非逻辑值转换为逻辑值true或false。
Boolean动态类,是一个把布尔值打包的布尔对象,这个对象在实际编程中,用的不太多,了解即可。
Number类
原始数值的包装对象。
Number类(动态类)是该对象是原始数值的包装类。
Number对象方法可参考http://www.w3school.com.cn/jsref/jsref_obj_number.asp。
例:
JS系统函数—概述
前面我们讲的面向对象编程时,给大家介绍了函数(自定义函数和js内部类的成员函数),现在我们再讲js最后一类函数--系统函数。(前面多有涉及,在此不详述。)
![](https://images2015.cnblogs.com/blog/680798/201604/680798-20160415002225004-1584304011.png)
关于系统函数可参考http://www.w3school.com.cn/jsref/jsref_obj_global.asp。
URL:Uniform Resource Locator:统一资源定位符。
URI:Universal Resource Identifier:通用资源标识符。
URI含义更广泛,URL是URI的一个部分,通常指网址在一定程度上,你可以认为URI=URL。decodeURI()与encodeURI()这两个函数往往是成对使用,主要是用于屏蔽URL中的一些特殊符,比如空格。
javascript中本身有提供一些可以直接使用的类,这种类就是内部类。主要有:Object、Array、Math、Boolean、String、Number、Date、RegExp。
js内部类--概述
前面我们讲的对象都是自定义类(就是自己写的),js的设计者为了编程方便,也提供了事先定义好的类(有属性和方法了),这些类在我们做web开发的时候,经常用到。我们称为js内部类。
按照使用方式,我们把js内部类分为两类(动态类、静态类)
js内部类:
1、动态类
在引用其属性和方法的时候:
①var 对象实例名 = new 动态类();
②对象实例名.方法(或属性);
2、静态类
在引用其属性和方法的时候:静态类.方法(或属性);
![](https://images2015.cnblogs.com/blog/680798/201604/680798-20160414230604145-365548146.png)
Object类
关于Object类,前面已经讲过,在此不赘述。
Math类
用于执行常见的数学任务。
Math是静态类,提供了常用的数学函数和常数,介绍几个最常用的函数,其它的请大家参考JavaScript帮助文档。
Math对象方法:(详情参考http://www.w3school.com.cn/jsref/jsref_obj_math.asp)
![](https://images2015.cnblogs.com/blog/680798/201604/680798-20160414231938082-745293689.png)
如下例:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript"> //Math window.alert(Math.abs(-12));//12 alert(Math.ceil(4.5));//5 alert(Math.floor(4.5));//4 alert(Math.round(4.77));//5 </script> </head> <body> </body> </html>
案例:随机产生1至100的整数。
alert(Math.round(Math.random()*100));
注意:random()返回一个大于0小于1的16位小数位的数字。
Date类
用于处理日期和时间。
Date类是动态类,是提供了日期和时间的操作。
Date对象方法可参考http://www.w3school.com.cn/jsref/jsref_obj_date.asp。
例,
//Date的常用方法 var date = new Date(); window.alert(new Date().toLocaleString()); window.alert(date.getFullYear()+" "+date.getMonth());
思考题:当用户浏览网页的时候,根据当前的时间,给出问候语:
6:00-9:00 早上好 9:01-11:30 上午好 11:31-14:30 中午好 14:31-17:30 下午好 17:31-18:40 18:40:30(空缺出来了) 傍晚好 18:41-00:00 晚上好 00:01-5:59 凌晨好
提供一个思路:把当前时间转成距离00:00的秒数(小时数)。给出一个代码框架:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript"> function showHello(date) { //小时 var hour = date.getHours(); //分钟 var minute = date.getMinutes(); //1.思路 把当前时间转成距离00:00的秒数(小时数) var mysecond = hour*3600+minute*60; if(mysecond >= 6*3600 && mysecond <= 9*3600) { window.alert("早上好!"); } else if(mysecond >= 17*3600+31*60 && mysecond <= 18*3600+40*60) { window.alert("傍晚好!"); } } showHello(new Date()); </script> </head> <body> </body> </html>
String类
用于处理已有的字符块。
String是动态类,提供了对字符串的各种操作。
String对象方法可参考http://www.w3school.com.cn/jsref/jsref_obj_string.asp。
注意:
split(),如果把空字符串 ("") 用作分割符,那么此字符串中的每个字符之间都会被分割。
stringObject.substr(start, length):一个新的字符串,包含从stringObject的start(包括start所指的字符)处开始的length个字符。如果没有指定length,那么返回的字符串包含从start到stringObject的结尾的字符。
stringObject.substring(start, stop):一个新的字符串,该字符串值包含stringObject的一个子字符串,其内容是从start处到stop-1处的所有字符,其长度为stop减start。
match()/replace()/search()用的很多,但是涉及到正则表达式,这三个函数放在正则表达式章节中介绍。
例,
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript"> var str = "abcd12345"; window.alert(str.length); var str2 = "abc|def|oop"; var arr = str2.split("");//一个一个字符分割 window.alert(arr); var str3 = "abcdef"; window.alert(str3.substr(1, 3));//bcd window.alert(str3.substring(1, 3));//bc var str4 = "abcd"; window.alert("charAt "+str4.charAt(3));//d var str5 = "ab 阿昀 123 56 ab"; window.alert("indexof "+str5.indexOf("昀"));//4 </script> </head> <body> </body> </html>
Array类
使用单独的变量名存储一系列的值。
Array是动态类,提供了对数组的操作,使用Array类可以轻松的创建数组,并对数组进行删除、排序和合并等操作。
Array对象方法可参考http://www.w3school.com.cn/jsref/jsref_obj_array.asp。
通过Array对象创建数组:
1、
var myArr1=new Array();
可动态的添加元素:
myArr1[0]=3; myArr1[1]="hello";
2、
var myArr2=new Array(12,34,3.56,"白骨精"); myArr2[0]="牛魔王"; myArr2[1]="红孩儿"; myArr2[2]="铁扇公主";
这里着重讲解入栈push()和出栈pop()函数(图示):
![](https://images2015.cnblogs.com/blog/680798/201604/680798-20160415000703176-1139374508.png)
理解上图之后,很容易看懂下例:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript"> var myarr = new Array(); myarr[0] = "ayun"; myarr[1] = 90; window.alert(myarr.length+" "+myarr); myarr.pop();//出栈 window.alert(myarr.length+" "+myarr);//myarr[1] = ayun; myarr.push("abcd");//入栈 window.alert(myarr.length+" "+myarr);//输出2 ayun,abcd </script> </head> <body> </body> </html>
再看一个例子:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript"> var myarr2 = new Array(2); window.alert("length: "+myarr2.length); myarr2[0] = 34; myarr2[1] = 90; myarr2[2] = 890; //myarr2[80] = "hello";//不要跳过下标放值 myarr2['a'] = "ok"; window.alert(myarr2['a']+" "+myarr2.length+" "+myarr2); </script> </head> <body> </body> </html>
Boolean类
用于将非逻辑值转换为逻辑值true或false。
Boolean动态类,是一个把布尔值打包的布尔对象,这个对象在实际编程中,用的不太多,了解即可。
Number类
原始数值的包装对象。
Number类(动态类)是该对象是原始数值的包装类。
Number对象方法可参考http://www.w3school.com.cn/jsref/jsref_obj_number.asp。
例:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript"> var aa=890.567; a=aa.toString(); alert(a);//转成字符串输出890.567 b=aa.toFixed(2); alert(b);//四舍五入取小数点后2位输出890.57 var c = 10; //要求把10的二进制显示出来 window.alert(c.toString(2)+" "+Number.MAX_VALUE); alert(c.toString(8));//输出八进制12 alert(c.toString(16));//输出十六进制a </script> </head> <body> </body> </html>
JS系统函数—概述
前面我们讲的面向对象编程时,给大家介绍了函数(自定义函数和js内部类的成员函数),现在我们再讲js最后一类函数--系统函数。(前面多有涉及,在此不详述。)
![](https://images2015.cnblogs.com/blog/680798/201604/680798-20160415002225004-1584304011.png)
关于系统函数可参考http://www.w3school.com.cn/jsref/jsref_obj_global.asp。
URL:Uniform Resource Locator:统一资源定位符。
URI:Universal Resource Identifier:通用资源标识符。
URI含义更广泛,URL是URI的一个部分,通常指网址在一定程度上,你可以认为URI=URL。decodeURI()与encodeURI()这两个函数往往是成对使用,主要是用于屏蔽URL中的一些特殊符,比如空格。
相关文章推荐
- js代码实现查找关键字高亮显示
- JS实现图片懒加载
- 关于js封装框架类库之DOM操作模块(二)
- JSP使用ajaxFileUpload.js实现跨域问题
- phantomjs API
- [小项目] 获取手机联系人并且向服务器发送JSON数据
- js读取解析JSON类型数据
- JavaScript事件代理和委托(Delegation)
- 了解Json
- javascript 对象学习随笔
- javascript 函数的三种创建方式
- 理解js中的:Null、undefined、""、0、false
- 快速了解ES6
- JS学习随笔记录1
- webstorm中怎么让IDE识别ES6和JSX代码
- JavaScript模板引擎实例应用
- JavaScript函数劫持
- 在线压缩javascript --- Google Closure Compiler
- 二次贝塞尔曲线的实现(基于Canvas与JavaScript)
- jstat监控JVM内存使用情况、GC回收情况