javascript中几个容易混淆的概念总结


Posted in Javascript onApril 14, 2015

1.

var name = "The Window";
var object = {
name : "My Object",
getName: function(){
return this.name;
}
};

这里的getName()方法只简单地返回this.name 的值。以下是几种调用object.getName()的
方式以及各自的结果。
object.getName(); //"My Object"
(object.getName)(); //"My Object"
(object.getName = object.getName)(); //"The Window",在非严格模式下

第三种情况下(object.getName=object.getName);等价于var fn=(object.getName=object.getName);fn();

2.

function outputNumbers(count){
for (var i=0; i < count; i++){
//alert(i);
}
var i; //重新声明变量
alert(i); //计数
}

outputNumbers(5);

JavaScript 从来不会告诉你是否多次声明了同一个变量;遇到这种情况,它只会对后续的声明视而不
见(不过,它会执行后续声明中的变量初始化)。匿名函数可以用来模仿块级作用域并避免这个问题。

3.

function(){
//这里是块级作用域
}(); //出错!

这段代码会导致语法错误,是因为JavaScript 将function 关键字当作一个函数声明的开始,而函
数声明后面不能跟圆括号。然而,函数表达式的后面可以跟圆括号。要将函数声明转换成函数表达式,
只要像下面这样给它加上一对圆括号即可。

(function(){
//这里是块级作用域
})();

4.

function outputNumbers(count){
(function () {
for (var i=0; i < count; i++){
alert(i);
}
})();
alert(i); //导致一个错误!
}

在这个重写后的outputNumbers()函数中,我们在for 循环外部插入了一个私有作用域。在匿名
函数中定义的任何变量,都会在执行结束时被销毁。因此,变量i 只能在循环中使用,使用后即被销毁。
而在私有作用域中能够访问变量count,是因为这个匿名函数是一个闭包,它能够访问包含作用域中的
所有变量。

这种技术经常在全局作用域中被用在函数外部,从而限制向全局作用域中添加过多的变量和函数。
一般来说,我们都应该尽量少向全局作用域中添加变量和函数。在一个由很多开发人员共同参与的大型
应用程序中,过多的全局变量和函数很容易导致命名冲突。而通过创建私有作用域,每个开发人员既可
以使用自己的变量,又不必担心搞乱全局作用域。例如:

(function(){
var now = new Date();
if (now.getMonth() == 0 && now.getDate() == 1){
alert("Happy new year!");
}
})();

把上面这段代码放在全局作用域中,可以用来确定哪一天是1 月1 日;如果到了这一天,就会向用
户显示一条祝贺新年的消息。其中的变量now 现在是匿名函数中的局部变量,而我们不必在全局作用域
中创建它。

以上所述就是本文的全部内容了,希望大家能够喜欢。

Javascript 相关文章推荐
jquery 指南/入门基础
Nov 30 Javascript
Javascript 继承机制的实现
Aug 12 Javascript
jQuery select控制插件
Aug 17 Javascript
c#和Javascript操作同一json对象的实现代码
Jan 17 Javascript
JQuery选择器特辑 详细小结
May 14 Javascript
jQuery插件实现大图全屏图片相册
Mar 14 Javascript
javascript+css3 实现动态按钮菜单特效
Feb 06 Javascript
原生JS实现图片轮播与淡入效果的简单实例
Aug 21 Javascript
js实现表格筛选功能
Jan 18 Javascript
vue的安装及element组件的安装方法
Mar 09 Javascript
JS中实现隐藏部分姓名或者电话号码的代码
Jul 17 Javascript
Vue-input框checkbox强制刷新问题
Apr 18 Javascript
浅谈Sizzle的“编译原理”
Apr 14 #Javascript
深入探寻seajs的模块化与加载方式
Apr 14 #Javascript
javascript数组去重的方法汇总
Apr 14 #Javascript
JavaScript字符串常用类使用方法汇总
Apr 14 #Javascript
JavaScript 表单处理实现代码
Apr 13 #Javascript
JavaScript 事件绑定及深入
Apr 13 #Javascript
JavaScript 事件对象介绍
Apr 13 #Javascript
You might like
CI框架表单验证实例详解
2016/11/21 PHP
php单元测试phpunit入门实例教程
2017/11/17 PHP
PHP区块查询实现方法分析
2018/05/12 PHP
动态改变textbox的宽高的js
2006/10/26 Javascript
javascript tips提示框组件实现代码
2010/11/19 Javascript
jQuery点击弹出下拉菜单的小例子
2013/08/01 Javascript
Js控制弹窗实现在任意分辨率下居中显示
2013/08/01 Javascript
Jquery实现图片放大镜效果的思路及代码(自写)
2013/10/18 Javascript
javascript:void(0)的问题使用探讨
2014/04/10 Javascript
Bootstrap表单组件教程详解
2016/04/26 Javascript
jquery 遍历数组 each 方法详解
2016/05/25 Javascript
JavaScript中最容易混淆的作用域、提升、闭包知识详解(推荐)
2016/09/05 Javascript
Ionic2开发环境搭建教程
2020/08/20 Javascript
浅谈JS获取元素的N种方法及其动静态讨论
2017/08/25 Javascript
关于vue-cli 3配置打包优化要点(推荐)
2019/04/22 Javascript
JS学习笔记之闭包小案例分析
2019/05/29 Javascript
如何解决js函数防抖、节流出现的问题
2019/06/17 Javascript
详解webpack打包vue项目之后生成的dist文件该怎么启动运行
2019/09/06 Javascript
JS实现的进制转换,浮点数相加,数字判断操作示例
2019/11/09 Javascript
javascript设计模式 ? 装饰模式原理与应用实例分析
2020/04/14 Javascript
[54:19]完美世界DOTA2联赛PWL S2 Magma vs PXG 第二场 11.28
2020/12/01 DOTA
python提取内容关键词的方法
2015/03/16 Python
无法使用pip命令安装python第三方库的原因及解决方法
2018/06/12 Python
python整合ffmpeg实现视频文件的批量转换
2019/05/31 Python
Python CVXOPT模块安装及使用解析
2019/08/01 Python
详解centos7+django+python3+mysql+阿里云部署项目全流程
2019/11/15 Python
python创建学生管理系统
2019/11/22 Python
python中的yield from语法快速学习
2020/11/06 Python
html5的localstorage详解
2017/05/09 HTML / CSS
三星俄罗斯授权在线商店:Samsung俄罗斯
2019/09/28 全球购物
经典C++面试题一
2016/11/06 面试题
入股协议书
2014/04/14 职场文书
建设投标担保书
2014/05/13 职场文书
基本公共卫生服务健康教育工作方案
2014/05/22 职场文书
2015年护士节活动策划方案
2015/05/04 职场文书
公司宣传语大全
2015/07/13 职场文书