对象方法javascript学习笔记[7]

深入理解ECMAScript5对象模型与JavaScript内置类

最新推荐文章于 2024-09-22 00:01:19 发布

原创最新推荐文章于 2024-09-22 00:01:19 发布 · 702 阅读

0 ·

CC 4.0 BY-SA版权

本文详细介绍了ECMAScript5增强的对象模型，包括对象属性的读取、写入、删除和枚举控制，以及如何使用Object.defineProperty()定义属性。此外，还探讨了String类中的正则表达式、数组操作、日期处理和JavaScript内置类如Boolean、Number、Math、Function和Arguments的基本使用。最后，简要概述了如何应用Date类进行日期和时间的处理。

查了好多资料，发现还是不全，干脆自己整理吧，至少保证在我的做法正确的，以免误导读者，也是给自己做个记录吧！

昨天晚上回了趟乡间，所以没间时写客博了，那天今继承吧，天今主要是学习了ECMAScript 5增强的对象模型，以及一些javascript的内建对象，在现总结一下。先明说一下哦，我也是一只菜鸟啦，刚学没多久，大家一同讨探讨探，如果客博写的有题问的话，迎欢实时帮我指出。

7.1 ECMAScript 5 增强的对象模型

看完了，我不晓得有些什么用，感到讲的货色都是好理论的货色，现实应用的该应比较少吧。就拎一下重点：

ECMAScript 5 增强了对对象模型的制控力度，通过新的对象模型，用户可以制控独单的性属否是答应读取，写入，删除和枚举等，甚至可以制控对象否是答应添加或删除性属，这样就能够实现密封对象的功能。--------太文艺了，我这样的菜鸟在现确定是用不到这么先进的货色的。

应用Object.defineProperty()定义性属，在定义性属时可以变改述描符的键值。法语如下：

Object.defineProperty(obj,prop,desc);

obj：对象，该参数指定为该类的型原对象

prop：字符串，于用指定性属名

desc：含包性属的述描

function Person(){}
Object.defineProperty(Person.prototype,
                                    "name",
                                    {
                                     value:"tony",
                                      //这些性属定义述描默许都是true
                                     writeable:true,
                                      enumerable:true,
                                      configurable:true  
});

//下面代码就能够失掉性属值tony
var person = new Person();
document.write(person.name);

接下来可以一次定义多个性属，用Object.defineProperties()方法。Object.defineProperties(obj,props)

接下来绍介几个枚举性属，也就是略微提一下，有个印象，到时候要用的话现场查一下了行就。

Object.keys(obj),取获性属名，也就是下面代码的name。

Object.getOwnPropertyNames(obj),列出全部能枚举和不能枚举的性属，该方法不能实现向前兼容。

密封对象和动态对象，密封对象只能具有在实例化时从类定义取获的牢固的一组性属和方法，不能在运行时添加其他性属和方法，默许情况下，javascript建创的对象都是动态对象，即答应在运行时为对象添加其他性属和方法。体具怎么实现就不说了。横竖种这方法要求比较高，都要需在use strict（执行格严模式）下才能看到，而在现只有firefox4持支。兼容性不行啦。

7.2 String类

还是绍介一些现实编程中经经常使用到的货色来的其实。

7.2.1 正则表达式法语

信相大家确定看到过各种正则表达式，尤其是在验证的时候，但是老是不晓得它体具什么意思，那这里就微稍及普一下。

javascript应用RegExp类来示表正则表达式，下面有三种建创方法以及一段最单简的匹配代码：

View Code

var re = /ab+c/             // (应用两个//围包，并且不带引号)
var re = new RegExp("ab+c") // 建创RegExp对象
var re = new RegExp(new RegExp("ab+c"));// 应用一个RegExp对象建创另一个RegExp对象
var re = new RegExp(/ab+c/);// 就是下面那一种方法

下面的代码示表在一段字符串中匹配连续字符串abc
var pattern = "abc";
var re = new RegExp(pattern);
var oString = "abcefg";
document.write(re.exec(oString));   //匹配胜利回返abc；失败则回返null

正则表达式文法就不说了，在javascript中，应用RegExp类的exec()和test()方法行进正则表达式匹配。exec在下面的代码中有现体了，test()就是查找字符串中否是存在一个匹配指定模式的字符串，如果存在，则回返true，否则，回返false。下面我贴出几篇文章索引：

精晓 JavaScript中的正则表达式

javascript正则表达式

经典 Javascript 正则表达式

7.2.2 String：字符串字文（"tony"）和String对象(new String("abc"))都可以调用String类的全部员成，但是这两者是有区分的，javascript解释擎引会动自将其转换成临时String对象，调用其方法，最后会清除临时对象。除非实确要需应用String对象（因为String对象可以有反惯例的为行），否则提议应用字符串字文。String的方法拜见这篇博文：JavaScript_String数函下面看一段挺有意思的代码----建创打字机效果：

每日一道理
听，是谁的琴声，如此凄凉，低调的音，缓慢的节奏，仿佛正诉说着什么。音低调得略微有些抖动，听起来似乎心也有些抖动，我感到到一种压抑的沉闷气息，否是已凝结在这空气中……

View Code

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Sample</title>
</head>
<body>
<div id = "test" style="width:200px;height:100px;border:2px;#ccc dashed; padding:10px">
</div>
<script>
    //现实上是不断地在更新示显的字文，每次都多一个字，看起来就好像打印机一样的效果了。
var typingTest = "放一段字文进去，让它像打字机一样一个字一个字的打出来，示显出来";
var count = 0;
var oBlock = document.getElementById("test");
function type(){
 if(count <= typingTest.length){
     oBlock.innerHTML = typingTest.substring(0,count);  //count每次都增长一个
     count++;
 }else{
    window.clearInterval(intervalID);
 }
}
var intervalID = window.setInterval(type,200);         //每200毫秒调用一次该数函
</script>
</body>
</html>

还有于用建创Html式格字符串的方法，下面看段代码。

View Code

var myString = "查看第一部分内容";
document.writeln(myString.anchor("section1"));
//这将建创下面的名命锚点
<a name="section1">查看第一部分内容</a>

var mySite = "我的BOLG";
var mySiteURL = "http://www.cnblogs.com/tonylp/";
document.write("迎欢问访"+mySite.link(mySiteURL));
//这将建创下面的超接链
迎欢问访<a href="http://www.cnblogs.com/tonylp/">我的BOLG</a>

7.3 数组，多维数组和合复数组（哈希射映）

Array(数组)是javascript中较为杂复的数据类型，同时Array也是内建的一个心核类，一个数组就是Array类的一个实例，可以应用Array类的方法和性属作操数组，javascript数组中的各元素不必为同相的数据类型，可以混合。

Array类的构造方法有3种载重情势：new Array();new Array(length);new Array(ele1,ele2,ele3);

还有一些Array API处置数组javascript的数组API,还有一些ECMAScript新增方法的应用，合复数组，克隆数组，哈希表的货色没说，后以再说了吧，天今其实没态状，顶了个鼻涕，难熬难过死了。

7.4 应用Date类处置日期和间时

Date类用来取获运行javascript程序的作操系统的日期和间时值。经常使用的记着如下代码就能够了，一些更加细节的方法百度一下就能够了。

View Code

var myDate = new Date();  // 取获间时 Fri Feb 01 2013 16:01:15 GMT+0800 (中国标准间时) 
var myYear = myDate.getFullYear();    //取获四位数年份2013
var myMonth = myDate.getMonth()+1;   //从0开始，所以要需加1 ，输出2
var myDay = myDate.getDate();        //回返Date对象的日期数，getDay回返星期数。输出1