什么是对象 简单点说,编程语言中的对象是对现实中事物的简化。例如,我们一个人就是一个对象,但是编程语言很难完全描述一个这样复杂的对象。所以我们必须做出简化,首先,将人简化成属性和行为的组合,然后仅仅保留对程序有意义的几个属性以及行为。例如,我们做一个统计某学校的人的身高的程序,那么我们在这个程序中就可以把人的行为省略掉,只保留行为,并且只保留身高这一个属性。这样,我们就得到了一个最简单的对象。 JavaScript字符串对象 对象的属性 其实我们之前在HTML DOM中已经就是在使用对象了。例如,我们知道,DOM节点有一些信息、例如nodeName、nodeType等,其实这些信息就是节点对象的属性。下面我们以字符串为例来看看对象的属性。 字符串的属性 var s = "我有个7个字符";定义了s这个字符串之后,我们就有了一个字符串对象,我们可以访问它的长度属性(length),这个属性不需要我们定义,它是一个内置的属性。访问的方式如下: s.length点击下面的按钮看看字符串的长度。 alert(s.length) 字符串对象的方法(行为) 同样,对象也可以有行为,以字符串对象为例,我们可以让字符串返回某一个位置的字母或文字,这就是一个行为。可以用后面的按钮简单地体验一下字符串的各个属性与方法,本文最后会详细地解释各个方法的使用方法。 使用字符串的length属性为字符串的长度。 alert(str.length) 使用charAt方法返回指定位置的字符。 alert(str.charAt(0)) alert(str.charAt(1)) substring方法从字符串中截取一个子字符串。 alert(str.substring(0,2)) indexOf返回字符串中指定字符或字符串的位置,如果字符不存在就返回-1。 alert(str.indexOf('符') lastIndexOf方法返回一个字符串中某字符最后一次出现的位置。 date对象 实例JavaScript date代码 我们先来看一段使用了date对象的JS代码。点击下面的几个按钮就可以看到各个变量的值了。 新建一个Date对象 我们使用如下这个语句来创建一个Date对象。 var today = new Date();执行之后,today变量里就保存了创建的Date对象。 字符串对象的方法(行为) JavaScript date对象查询(get)方法 JavaScript date对象设置(set)方法 JavaScript date对象转换(to)方法 JavaScript Date对象应用实例——时钟代码 本代码转自w3schools.com。 数组对象 创建一个JavaScript数组 实例JavaScript数组代码 下面是一段简单的使用数组的JS代码,可以点击后面的按钮来观察各个变量的值。 arr[n]返回数组指定位置的元素,n叫做下标,从0开始。 可以点击下面的按钮来查看arr各个位置上的元素。 从上面的代码可以看到,在调用了数组的几个方法之后得到了joinArr、bigArr、sortArr这几个变量,这些方法将在后面具体介绍。可以先观察变量的值来猜猜这些方法的作用。 数学对象 例JavaScript Math代码 我们首先吧Math.PI的值保存在num中,这是一个JS内置的常量,可以点击下面的按钮来查看它的值。 alert(num) rNum则是num经过四舍五入的值。 alert(rNum) random方法则产生一个0-1之间的随机值。试着多点击几次下面的按钮,可以发现得到的数字会不断改变。 alert(Math.random()) 函数对象 在JavaScript中,函数也是对象,我们使用下面以下语句定义一个函数的时候,其实是定义了一个Function类型的对象。 为了说明这个问题,我们可以使用Function的构造函数来定义一个add函数: 使用这种方法定义的函数和上面的函数完全一样,不过这种语法比较麻烦,一般不会使用。 (函数)Function对象的call方法 call是一个非常有用的方法,它可以控制函数的运行环境,即控制函数内部this所指向的对象。下面的例子可以说明这个问题: function whatsThis(){ alert(this); }我们调用以上函数的时候,将会看到this指向的是window,实验一下: whatsThis() 但是如果使用call,我们则可以控制函数内部this的指向,例如: whatsThis.call(document)() 以上代码使用function对象的call方法将函数内部的this指向了document。 如果原来的函数需要接受参数,例如add函数,可以使用如下形式: add.call(document,1,2)也就是说,call的第一个参数是要绑定给this的对象,而1和2则是原来的add函数需要接受的参数。 (函数)Function对象的apply方法 apply的使用方法与call基本一致,只是参数是以数组的形式传递的,还是以add函数为例: add.call(document,[1,2])可以看到,原函数add需要接受的两个数字参数是以一个数组的形式传递进apply的。 (函数)Function对象的caller属性 function whoCalls(){ alert(whoCalls.caller); } function SheCalls(){ whoCalls(); }whoCalls()SheCalls() 使用caller属性,可以了解谁调用了当前函数。注意,只有在函数体内部caller才有效。 (函数)Function对象的arguments属性 javascript的函数可以接受任意数量的参数,所以定义的时候,参数的个数作并不会限制函数的这个能力。在函数中,我们可以使用arguments来访问传入函数的参数,例如: function howmany(){ var num = arguments.length; alert(num); }howmany函数会输出传递如函数参数的个数,点击下面的连个按钮试验一下。 howmany(1,2,3,4)howmany(1,2,3,4,5,6,7,8) 函数arguments.callee 我们已经知道function会有arguments属性,而arguments.callee则是当前正在执行的函数,例如: function whoAmI(){ alert(arguments.callee); }whoAmI() 执行以上函数会显示出当前函数的源代码。当然了,我们可以再次调用callee,这主要用于匿名函数递归。
推荐整理分享javascript面向对象入门基础详细介绍(javascript面向对象编程指南 pdf),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:javascript面向对象编程指南第三版,javascript面向对象 第三方类库,javascript面向对象精要pdf,javascript面向对象编程指南 pdf,javascript面向对象吗,javascript面向对象精要pdf,javascript面向对象精要pdf,javascript面向对象吗,内容如对您有帮助,希望把文章链接给更多的朋友!
告诉你什么是javascript的回调函数 函数也是对象想弄明白回调函数,首先的清楚地明白函数的规则。在javascript中,函数是比较奇怪的,但它确确实实是对象。确切地说,函数是用Function()
Javascript Objects详解 创建对象对象直接量varo={foo:"bar"}构造函数varo=newObject();原型继承varp=Object.create(o);类继承Javascript对象拥有自有属性和继承属性。在查询对象o的属性x时,
JavaScript中匿名、命名函数的性能测试 我们经常通过匿名函数(Anonymousfunction)来写回调。简单来讲匿名即没有名字的函数,一般都立即执行。但是它与命名函数(有名字的函数)的性能如何