javascript学习(二)javascript常见问题总结

1、JS中方法和变量都是区分大小写的

2、单引号、双引号在JS中没有特殊的区别，都可以用来创建字符串。但作为一般性规则，大多数开发人员喜欢用单引号而不是双引号，但是XHTML规范要求所有属性值都必须使用双引号括起来。这样在JS中使用单引号，而对XHTML使用双引号会使混合两者代码更方便也更清晰。
单引号可以包含双引号，同理，双引号也可以包含单引号。

3、括号
首先需要说明的是：JS中括号包含两种语义，可以是分隔符也可以是表达式。
a、分隔符大家非常熟悉（1+3）*3等于12
b、（function(){})();function之前的一对括号作为分隔符，后面的括号表示立即执行这个方法。

4、函数调用和引用
因为括号代表执行，所以：
var foo=example(); foo表示函数的返回值
var foo1=example; 将函数引用赋给一个值foo1

5、重载
JS不支持重载，因此这里所说有重载其实更类似于替换
JS不区别参数个数

6、作用域、闭包
作用域指对某一属性或方法具有访问权限的代码空间。如：


代码如下:

function myFunction(){
var temp="abc";
}

上面的temp在函数外面无法访问。
闭包是与作用域相关的一个概念，它指的是内部函数即便在外部函数执行完成并终止后仍然可以其外部函数的属性。

下面我们就作用域和闭包来举个例子：
我们建立如下html页面：


代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript" type="text/javascript">
function init(){
for(var i=1;i<=3;i++){
author=document.getElementById("author"+i);
author.onclick=function(){
alert("author"+i);
}
}
}
window.onload=init;
</script>
</head>
<body>
<a id="author1" href="#">abc</a><br />
<a id="author2" href="#">abc</a><br />
<a id="author3" href="#">abc</a><br />
</body>
</html>

运行结果：
pic
可以看到，这并不是我们想要的。
进行修改后，关键代码如下：


代码如下:

<script language="javascript" type="text/javascript">
function init(){
for(var i=1;i<=3;i++){
author=document.getElementById("author"+i);
registerListener(author,i);
}
}

function registerListener(author,i){
author.onclick=function(){
alert("author"+i);
}
}
window.onload=init;
</script>

这样，我们就得到了我们想要的结果。
这是因为init每次调用都产生function的一个实例，每个实例里都维护了一个新的i
而对于匿名函数的上一级已经有这个i，而且已经和init里的i不一样了。

赞 (0)

相关推荐

  • javascript学习(一)构建自己的JS库

    前言 库是一个饱受争议的热门话题.一种观点认为它是一种非常棒的工具,是任何开发者都不可或缺的:另一种观点则认为在不理解库的内部工作原理的情况下对库形成依赖,会助长懒惰的风气从而导致开发者素质下降.但是不管怎么样,好像每个人都赞同编写自己的库,况且把自己日常用到的东西合并到一起本身就是一件有意义的事情. 下面我们开始建立自己的JS库,并编写两个自己的方法 复制代码 代码如下: //作者: //时间:2012-11-13 (function(){ window['LS']={}; function

  • javascript学习(二)javascript常见问题总结

    1.JS中方法和变量都是区分大小写的 2.单引号.双引号在JS中没有特殊的区别,都可以用来创建字符串.但作为一般性规则,大多数开发人员喜欢用单引号而不是双引号,但是XHTML规范要求所有属性值都必须使用双引号括起来.这样在JS中使用单引号,而对XHTML使用双引号会使混合两者代码更方便也更清晰. 单引号可以包含双引号,同理,双引号也可以包含单引号. 3.括号 首先需要说明的是:JS中括号包含两种语义,可以是分隔符也可以是表达式. a.分隔符大家非常熟悉(1+3)*3等于12 b.(functio

  • Javascript学习笔记二 之 变量

    一.关于Javascript变量声明 在Javascript中,声明一个变量 var a=1; 也可以直接 a=1; 这两种表达是有区别的, 一个是当前作用域的局部变量,另一个则是当前作用域的全局变量: Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量. 复制代码 代码如下: var n=999; function f1(){ alert(n); } f1(); // 999 另一方面,在函数外部自然无法读取函数内的局部变量. 复制代码 代码如下: function f1(

  • javascript学习笔记（二）数组和对象部分

    javascript学习笔记（二）数组和对象部分

    javascript对象部分 一:基础部分 1.JavaScript 中所有变量都是对象,除了两个例外 null 和 undefined. 2.Jscript 支持四种类型的对象:内部对象.生成的对象.宿主给出的对象(所有BOM和DOM对象都是宿主对象.)以及 ActiveX 对象(外部组件). 3.Microsoft Jscript 提供了 11 个内部(或"内置")对象.它们是Array.Boolean.Date.Function.Global.Math.Number.Object

  • JavaScript 学习历程和心得分享

    一.前言 在过去,JavaScript只是被用来做一些简单的网页效果,比如表单验证.浮动广告等,所以那时候JavaScript并没有受到重视.自从 AJAX开始流行后,人们发现利用JavaScript可以给用户带来更好的体验,甚至利用这一优点开发了大型网页游戏,于是这门小语言被重视了起来.现在,很多公司会招专门的JavaScript工程师,通常JavaScript是WEB前端开发的必备技能.简单介绍了JavaScriptr的好处,并不代表大家就会去学习甚至把它学好,兴趣是很关键的,我认为兴趣是最

  • JavaScript学习历程和心得小结

    一.前言 在过去,JavaScript只是被用来做一些简单的网页效果,比如表单验证.浮动广告等,所以那时候JavaScript并没有受到重视.自从AJAX开始流行后,人们发现利用JavaScript可以给用户带来更好的体验,甚至利用这一优点开发了大型网页游戏,于是这门小语言被重视了起来.现在,很多公司会招专门的JavaScript工程师,通常JavaScript是WEB前端开发的必备技能.简单介绍了JavaScriptr的好处,并不代表大家就会去学习甚至把它学好,兴趣是很关键的,我认为兴趣是最好

  • Javascript计算二维数组重复值示例代码

    前言 最近工作中遇到了一个问题,需求是利用Javascript计算二维数组重复值,如下面有个二维数组 [[\'error\',3],[\'error\',5],[\'error\',6],[\'true\',3],[\'true\',1]] 需要统计计算重复项 \'error\' 和 \'true\', 统计计算之后的结果: [[\'error\',14],[\'true\',4]] 实现代码: var arr = [[\'error\',3],[\'error\',5],[\'error\',

  • JavaScript学习总结之正则的元字符和一些简单的应用

    一.元字符: 每一个正则表达式都是由元字符和修饰符组成的 [元字符] ->在两个/之间的具有意义的一些字符 reg = /^\d$/  //只能是一个0-9之间的数字   1.具有特殊意义的元字符 \ : 转义字符,转译后面字符所代表的含义 ^ : 以某一个元字符开始 $ : 以某一个元字符结尾 \n : 匹配一个换行符 . : 除了\n以外的任意字符 () : 分组 -> 把一个大正则本身划分成几个小的正则 x|y : x或者y中的一个 [xyz] : x或者y或者z中的一个 [^xyz]

  • JavaScript 学习 - 提高篇

    JavaScript 学习 - 提高篇 一. JavaScript中的对象. JavaScript中的Object是一组数据的key-value的集合, 有点类似于Java中的HashMap, 所有这些数据都是Object里的property. 通常情况下, JavaScript中建立一个对象用"new"加上constructor function来实现. 如new Date(), new Object()等. var book = new Object();book.name = &

  • javascript学习总结之js使用技巧

    javascript学习总结之js使用技巧

    1 假如浏览器不支持JavaScript怎么办? a.为什么浏览器会不支持?大部分浏览器都有禁用脚本的功能,例如chrome. b.在js被禁用的情况下要保证网页仍能实现它的核心功能(关键的用户需求) 例子:在一个新窗口里打开链接,可以使用BOM的open()方法 function popUp(winURL) { window.open(winURL, "popup", "width=,height="); } 具体的js实现有以下几个方案: 方案一:使用javas

  • JavaScript学习笔记整理_用于模式匹配的String方法

    用于模式匹配的String方法: String支持4种使用正则表达式的方法: seach()用于检索,参数是一个正则表达式,返回第一个与之匹配的子串的位置,找不到则返回-1,如果参数不是正则表达式,则首先会通过RexExp构造函数将它转换成正则表达式,seach()方法不支持全局搜索,它忽略修饰符g: replace()用于检索与替换操作,第一个参数是一个正则表达式,第二个参数是要进行替换的字符串.它对调用该方法的字符串检索,按照模式匹配子串替换成第二个参数,若包含修饰符g则全文匹配.若第一个参

随机推荐