JavaScript 中级笔记 第二章
更新时间：2009年09月14日 13:21:29 作者：
对象是组成JavaScript的基本单元。本章将从JavaScript语言中最重要的几个部分开始介绍：引用，函数重载，作用域，闭包和上下文。有了这些知识后，面向对象开发就将变得简单。
1，引用
引用是一个指向对象实际位置的指针。看下面的使用引用的例子：
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
本例中，两个对象都指向同一个对象，当修改某一个对象的属性内容时，则会影响另一个。
我们再来看一个例子，这次我们利用数组来讲解引用：
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
如果在arr被重新定义后，则引用就不是同一个对象了，如下代码所示：
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
接下来我们来看一个比较特殊点的例子，关于字符串的引用问题。
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
正如本例所示，在执行字符串操作时，结果总会是一个新的字符串对象，而非字符串的修改版。
不知道大家看过<<JavaScript高级程序设计>>书中的有一节讲的是 传值和传址，说白了，就是引用。有兴趣可以去看看。
JavaScript就是一门通过维护一系列对其它对象的引用的语言，通过引用，可以给程序带来极大的灵活性。
2，函数重载
函数重载的特性就是根据传入的不同数量或类型的参数，通过重载函数来发挥不同的功能。它必须依赖2件事情：一是判断传入参数的数量 ，二是判断传入参数的类型。
2-1，判断传入参数的数量
JavaScript的每个函数都带有一个仅在这个函数范围内作用的变量称为参数，它是一个包含所有传给函数的参数的伪数组，虽然有length属性。
通过arguments，我们能够获取到这个伪数组。如下所示：
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
arguments是一个非常有用的东西，在看下面的一个功能函数，它能将任意数量的参数转换为数组。
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
2-2，判断传入参数的类型
第一种判断类型的方式：
判断类型需要用到JavaScript中另一个操作符——typeof。 它用来表达变量内容的类型，返回的是字符串。比如如果一个变量是字符串，那么typeof后，则返回( "string" )。
经常我们会用到如下判断：
if( typeof num == "string" ){
num = parseInt( num );//如果是一个字符串，则把字符串解析出整数
}
if( typeof arr== "string" ){
arr= arr.split(",");//如果是一个字符串，则根据逗号来分割成数组
}
例如把前面的makeArr()函数改成只能接受字符串类型的参数，代码如下：
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
最终结果 a.length 为2，因为后面2个参数是number 类型。
第二种判断类型的方式：
此方法需要引用所有JavaScript对象都带有的一个属性，构造函数——constructor。这一属性引用的是原本用来构造该对象的那个函数。
if( num.constructor == String ){
num = parseInt( num );//如果是一个字符串，则把字符串解析出整数
}
if( arr.constructor == String ){
arr= arr.split(",");//如果是一个字符串，则根据逗号来分割成数组
}
if( newArr.constructor == Array ){
newArr = newArr.join(",");//如果是一个数组，则根据逗号来组成字符串
}
执行constructor后的结果是一个对象，而执行typeof后的结果是一个字符串。看下表的对比：
引用是一个指向对象实际位置的指针。看下面的使用引用的例子：
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
本例中，两个对象都指向同一个对象，当修改某一个对象的属性内容时，则会影响另一个。
我们再来看一个例子，这次我们利用数组来讲解引用：
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
如果在arr被重新定义后，则引用就不是同一个对象了，如下代码所示：
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
接下来我们来看一个比较特殊点的例子，关于字符串的引用问题。
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
正如本例所示，在执行字符串操作时，结果总会是一个新的字符串对象，而非字符串的修改版。
不知道大家看过<<JavaScript高级程序设计>>书中的有一节讲的是 传值和传址，说白了，就是引用。有兴趣可以去看看。
JavaScript就是一门通过维护一系列对其它对象的引用的语言，通过引用，可以给程序带来极大的灵活性。
2，函数重载
函数重载的特性就是根据传入的不同数量或类型的参数，通过重载函数来发挥不同的功能。它必须依赖2件事情：一是判断传入参数的数量 ，二是判断传入参数的类型。
2-1，判断传入参数的数量
JavaScript的每个函数都带有一个仅在这个函数范围内作用的变量称为参数，它是一个包含所有传给函数的参数的伪数组，虽然有length属性。
通过arguments，我们能够获取到这个伪数组。如下所示：
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
arguments是一个非常有用的东西，在看下面的一个功能函数，它能将任意数量的参数转换为数组。
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
2-2，判断传入参数的类型
第一种判断类型的方式：
判断类型需要用到JavaScript中另一个操作符——typeof。 它用来表达变量内容的类型，返回的是字符串。比如如果一个变量是字符串，那么typeof后，则返回( "string" )。
经常我们会用到如下判断：
复制代码 代码如下:
if( typeof num == "string" ){
num = parseInt( num );//如果是一个字符串，则把字符串解析出整数
}
if( typeof arr== "string" ){
arr= arr.split(",");//如果是一个字符串，则根据逗号来分割成数组
}
例如把前面的makeArr()函数改成只能接受字符串类型的参数，代码如下：
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
最终结果 a.length 为2，因为后面2个参数是number 类型。
第二种判断类型的方式：
此方法需要引用所有JavaScript对象都带有的一个属性，构造函数——constructor。这一属性引用的是原本用来构造该对象的那个函数。
复制代码 代码如下:
if( num.constructor == String ){
num = parseInt( num );//如果是一个字符串，则把字符串解析出整数
}
if( arr.constructor == String ){
arr= arr.split(",");//如果是一个字符串，则根据逗号来分割成数组
}
if( newArr.constructor == Array ){
newArr = newArr.join(",");//如果是一个数组，则根据逗号来组成字符串
}
执行constructor后的结果是一个对象，而执行typeof后的结果是一个字符串。看下表的对比：
| 变量 | typeof 变量 | 变量.constructor |
| {a:"b"} | "object" | Object |
| ["a","b"] | "object" | Array |
| function(){} | "function" | Function |
| "a" | "string" | String |
| 66 | "number" | Number |
| true | "boolean" | Boolean |
| new User() | "object" | User |
通过对传入参数的数量和类型的判断，那么函数重载也就简单了。
相关文章
uniapp开发安卓App实现高德地图路线规划导航功能的全过程
最近项目需要在APP内实现路线规划导航功能,直接打开高德地图进行导航,下面这篇文章主要给大家介绍了关于利用uniapp开发安卓App实现高德地图路线规划导航功能的相关资料,需要的朋友可以参考下2022-08-08
在日常开发中我们经常需要处理日期和时间的操作,下面这篇文章主要介绍了前端利器DateUtils日期时间工具的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下2025-03-03
这篇文章主要介绍了 Jasper的自动检测实现的机制比较简单，依靠某后台线程不断检测JSP文件与编译后的class文件的最后修改时间是否相同，若相同则认为没有改动，但倘若不同则需要重新编译,需要的朋友可以参考下2016-12-12
防止网站内容被小偷采集的js代码...2006-09-09
JS模块与命名空间的介绍，需要的朋友可以参考一下2013-03-03
property 和 attribute非常容易混淆，但实际上，二者是不同的东西，属于不同的范畴，本文就详细的介绍一下JS中attribute和property的区别 ，感兴趣的可以了解一下2022-02-02
这篇文章主要介绍了JS计算输出100元钱买100只鸡问题的解决方法,简单描述了100元钱买100只鸡问题并结合实例形式分析了问题解决的思路与具体实现方法,需要的朋友可以参考下2018-01-01
这篇文章主要为大家详细介绍了bootstrap table单元格新增行并编辑的相关代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
Knockout结合Bootstrap创建动态UI实现产品列表管理
这篇文章主要为大家详细介绍了Knockout结合Bootstrap创建动态UI实现产品列表管理,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-09-09
这篇文章主要介绍了JS常用倒计时代码,结合实例形式总结分析了JS常用的倒计时功能实现方法,具有一定参考借鉴价值,需要的朋友可以参考下2017-02-02
最新评论