`
wolfmaster
  • 浏览: 159084 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

经典js小例子

    博客分类:
  • js
阅读更多
<script type=“text/javascript”>
function foo(){
foo.abc = function(){alert(‘def’)}
this.abc = function(){alert(’xyz’)}
abc = function(){alert(‘@@@@@’)};
var abc = function(){alert(‘$$$$$$’)}
}
foo.prototype.abc = function(){alert(‘456′);}
foo.abc = function(){alert(‘123′);}
var f = new foo();
f.abc();
foo.abc();
abc();
</script>
这道题可以帮你温习很多内容(对象、类、原型、作用域、优先级等等),同时部分朋友也能学到很多知识。

首先var f = new foo(),新建了一个foo对象,注意这是个上下文环境中的foo()。

然后我们使用f.abc(),此时程序会查找这个对象的abc()方法,输出xyz, 注意如果找不到就会去f.prototype里找,到那时才会输出456。

到foo.abc()一行,程序会在foo()中找到abc()方法,输出def, 如果找不到会跳出foo() 到外面找到abc ,输出123 。

最后一行abc()。在一个函数中,会预先给 var 关键字定义的局部变量“分配空间”,所以一进入 foo 函数体的时候 abc 已经视为一个局部变量,虽然 abc = function(){alert(’@@@@@’)}; 这行看起来像是定义了一个全局变量,但它还是局部变量。所以在函数体外调用 abc() 理所当然的失败 .在window中找到abc()方法, ie抛错

分享到:
评论

相关推荐

    javascript100个小例子

    "javascript100个小例子"这个资源集合了100个JavaScript编程的小实例,涵盖了各种操作和效果,非常适合初学者进行实践学习,同时也为项目开发提供了现成的代码片段。 在JavaScript的学习中,了解和掌握以下几个关键...

    50个js经典案例

    在这个"50个js经典案例"的压缩包中,包含了多种实用的JavaScript代码示例,旨在帮助初学者更好地理解和掌握JavaScript的核心概念及实际应用。 1. **DOM操作**:JavaScript通过Document Object Model(DOM)来操作...

    经典的JavaScript小例子

    这个"经典的JavaScript小例子"集合提供了一系列实用的代码片段,旨在帮助开发者理解和应用JavaScript的基本概念,同时激发创新思维,为网站增添互动性和趣味性。 首先,我们要明白JavaScript的主要功能:它可以在...

    30个HTML+JS小案例

    该项目都是我工作时期,闲来无事做来玩的小案例。如果你是0基础的小白或者H5,Css3基础不太好的开发者,相信当你跟着...内含:canvas,H5+css3网页还原,JS DOM BOM操作小案例,css动画,验证码,抽奖系统,轮播图等等

    300个JavaScript小例子

    JavaScript,简称JS,是一种轻量级的解释型编程语言,主要应用于网页和网络应用开发,实现客户端的交互功能。在互联网领域,JavaScript的重要性不言而喻,它为用户提供了丰富的用户体验,让静态网页变得生动活泼。 ...

    500套JavaScript小案例

    "500套JavaScript小案例" 提供了丰富的资源,帮助开发者深入理解和掌握JavaScript的核心概念和实际应用。这些案例覆盖了JavaScript的多个重要领域,包括事件处理、视觉特效、异步通信(Ajax)以及文档对象模型(DOM...

    Javascript实现的简单的转盘抽奖小案例+Javascript编程+Javascript小案例+转盘抽奖程序案例

    Javascript实现的简单的转盘抽奖小案例+Javascript编程+Javascript小案例+转盘抽奖程序案例Javascript实现的简单的转盘抽奖小案例+Javascript编程+Javascript小案例+转盘抽奖程序案例Javascript实现的简单的转盘抽奖...

    threejs简单例子,threejs中文实例,JavaScript

    标题"threejs简单例子,threejs中文实例,JavaScript"表明我们将通过一个简单的示例来学习Three.js的基础应用,并且这个示例是针对中文用户编写的。 首先,Three.js的核心概念包括场景(Scene)、相机(Camera)和...

    JavaScript经典案例大集合

    这个压缩包“JavaScript经典案例大集合”显然是为帮助初学者深入理解和掌握JavaScript而设计的。下面,我们将详细探讨这些经典案例可能涉及的知识点,并分享一些学习JavaScript的重要原则和技巧。 1. **变量和数据...

    300个JavaScript的小例子

    这个"300个JavaScript的小例子"集合提供了一个丰富的学习资源,帮助开发者深入理解和掌握JavaScript的核心概念、语法以及实际应用。 1. **基础语法**:JavaScript的基础包括变量声明(var, let, const)、数据类型...

    经典javascript日期控件选择器,javascript学习资料,经典js案例

    在这个名为“经典javascript日期控件选择器,javascript学习资料,经典js案例”的压缩包中,包含了丰富的JavaScript学习资源和一个特别经典的时间控件。这个时间控件允许用户根据特定的格式定义日期和时间,而且设计...

    JavaScript小案例.zip

    这个"JavaScript小案例.zip"文件包含三个实用的JavaScript功能示例,它们可以帮助初学者更好地理解和掌握JavaScript的基础以及实际应用。 第一个案例是“点击更换超链接”。在网页中,超链接通常用于引导用户访问...

    js经典使用例子 js经典使用例子

    本篇将围绕“js经典使用例子”深入探讨JavaScript的一些关键知识点。 1. **DOM操作**:Document Object Model(DOM)是HTML和XML文档的结构化表示,JavaScript通过DOM API可以对网页元素进行增删改查。例如,通过`...

    500javascript经典例子

    "500JavaScript经典例子"这个资源集合提供了丰富的示例,覆盖了JavaScript的各种功能和应用,无论你是经验丰富的开发者还是初学者,都能从中受益。 JavaScript语法基础是学习的起点,包括变量、数据类型(如字符串...

    js帮助文档整合有130个经典案例还有帮助文档

    这份"js帮助文档整合有130个经典案例还有帮助文档"的资源集合,无疑为学习和进阶JavaScript提供了一套全面的学习材料。 首先,帮助文档是理解任何编程语言的基础。对于JS,它涵盖了语法基础、数据类型、变量、...

    JavaScript 小游戏代码汇总

    JavaScript 小游戏代码汇总 JavaScript 是一种广泛使用的脚本语言,常用于开发 web 应用程序尤其是游戏开发。以下是 JavaScript 小游戏代码汇总的知识点: 1. HTML 基础:代码开头使用的 `&lt;!DOCTYPE html&gt;` 声明...

    JavaScript经典案例集合

    JavaScript经典案例集合是送给入门者最好的礼物!是本人精心总结的案例!可以让你迅速上手,物有所值。内容囊括的js的各个方面,而且由浅入深,条例极为清晰,注释丰富。内容:js基础语法;Dom操作;Div操作;正则...

    js前端的小例子

    在本“js前端的小例子”中,我们将深入探讨JavaScript在前端开发中的应用,以及如何利用相关文档和API来提升开发效率。 1. **JavaScript基础** - 变量与数据类型:JS支持var、let和const声明变量,包含基本数据...

    绝对经典 js 图形制作案例及工具

    总的来说,这个"绝对经典 js 图形制作案例及工具"压缩包是一个宝贵的资源,无论你是初学者还是经验丰富的开发者,都能从中受益。通过学习和实践其中的案例,你可以掌握如何利用JavaScript库创建引人入胜的数据可视化...

    经典js100例

    "经典js100例"这个资源集合提供了一百个使用纯JavaScript编写的实用案例,这些案例涵盖了js特效和经典应用场景,对于学习和提升JavaScript技能是非常有价值的。CHM文件是一种微软编写的帮助文档格式,其中通常包含了...

Global site tag (gtag.js) - Google Analytics