<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JS 四种函数调用模式</title>
</head>
<body>
<script type="text/javascript" src="jquery-1.10.1.min.js"></script>
<script type="text/javascript">
//最早，我们这么写代码
//Global 被污染，很容易命名冲突
function aaa(){
console.info('aaa');
}
aaa();
//简单封装：Namespace 模式
//减少 Global 上的变量数目
//本质是对象，一点都不安全
var BBB = {
bbb1:function(){
console.info('bbb1');
},
bbb2:function(){
console.info('bbb2');
}
}
BBB.bbb1();
BBB.bbb2();
//匿名闭包 ：IIFE 模式
//函数是 JavaScript 唯一的 Local Scope
var CCC = (function(){
var _val = "ccc1";
var ccc1 = function(){
console.info(_val);
}
return{
ccc1: ccc1
}
})()
CCC.ccc1();
console.info(CCC._val);// undefined
//再增强一点 ：引入依赖
//这就是模块模式
//也是现代模块实现的基石
var DDD = (function($){
var _$var = $("body");
var ddd1 = function(){
console.info(_$var);
}
return{
ddd1:ddd1
}
})(jQuery);
DDD.ddd1();
console.info(DDD._$var);// undefined
//使用 JQ加载 就可以了，下面仅了解，暂时保存
//动态加载脚本文件的技术
//http://www.labjs.com/
//http://www.cnblogs.com/yuzhongwusan/archive/2013/04/14/3020559.html
//优化JS的方法
//合并 Concat
//压缩 Minify
//混淆 Uglify
</script>
</body>
</html>
效果图：
相关推荐
这篇博客通过深入分析JavaScript中的函数调用模式，帮助开发者更好地理解和掌握这些概念。 首先，JavaScript是一种动态类型语言，其中函数不仅是一种数据类型，还能够作为值进行传递和存储。这种特性被称为“函数是...
标题“javascript调用delphi中的函数”涉及到的技术领域是跨语言通信，具体是JavaScript与Delphi之间的交互。这种交互通常发生在Web应用程序与桌面应用程序的集成，或者在浏览器扩展和本地资源之间。以下是对这一...
Javascript 函数的四种调用模式 1 函数模式 最普通的函数调用 // 声明式函数 function fn1 () { console.log(this); } // 函数表达式函数 var fn2 = function() { console.log(this); }; // 调用 函数中this...
1. **函数调用模式** 在这种模式下，函数像普通函数那样被调用，不作为任何对象的方法。例如： ```javascript function fn1() { console.log(this); } fn1(); // 输出全局对象，在浏览器环境中通常是Window `...
函数有四种调用模式，分别是：函数调用形式、方法调用形式、构造器形式、以及apply形式。这里所有的调用模式中，最主要的区别在于关键字 this 的意义，下面分别介绍这个几种调用形式。 本文主要内容： 1.分析函数的...
JavaScript设计模式详解与函数式编程是开发者提升代码质量和可维护性的重要...通过阅读《JavaScript设计模式详解》和《函数式编程PDF》这样的资源，可以系统学习和实践这两种编程理念，从而在实际工作中更好地应用。
构造函数模式是JavaScript中的一种重要设计模式，用于创建对象。本文将深入探讨构造函数模式及其应用。 构造函数模式的核心在于使用函数来创建具有相似属性和方法的对象。在JavaScript中，函数可以作为构造函数来...
- 在函数调用模式下，无论是PHP还是JavaScript，`this`（或其等价物）通常会绑定到全局对象。 - 在方法调用模式下，`this`指向调用它的对象，允许方法访问和修改对象的状态。 - 在PHP中，可以使用类和对象来控制`...
【基于Webservice的JS动态调用函数】是一个关键的技术实践，它允许JavaScript在客户端与服务器端的Web服务进行交互，实现在不刷新整个页面的情况下，动态更新和处理数据。这一技术广泛应用于各种Web应用程序，尤其是...
JavaScript有四种调用模式，方法调用模式，函数调用模式，构造器调用模式和apply调用模式。这些模式在初始化关键参数this上存在差异。 方法调用模式：当一个函数被保存为对象的一个属性时，我们称它为一个方法，当...
JavaScript函数调用模式是理解该语言执行上下文和变量对象作用域链的关键。JavaScript中的四种调用模式分别是方法调用模式、函数调用模式、构造器调用模式和apply调用模式。每种模式在绑定关键参数this上都有其特定...
函数之间调用同一个对象方法的模式，展示了面向对象编程的强大之处。它不仅简化了代码结构，提高了代码的重用性，还使得程序的维护和扩展变得更加容易。通过合理利用对象、方法和事件监听器，开发者可以构建出高度...
本文将详细探讨函数的四种调用模式及其对应的`this`指向。 1. **函数直接执行模式** 当函数不作为任何对象的方法，直接被调用时，`this`的值取决于函数执行的环境。在浏览器环境中，如果函数在全局作用域中被调用...
在JavaScript编程中，“立即调用的函数表达式”（IIFE）是一种非常实用的技术，它允许开发者定义并立即执行一个函数，而无需为这个函数命名。这种模式在JavaScript社区中有多种叫法，比如“自执行匿名函数”、“立即...
JavaScript函数的调用模式是该语言中重要的基础概念之一，理解这些模式可以帮助开发者更有效地编写代码和解决实际问题。本文将详细介绍方法调用模式、构造器调用模式以及apply/call调用模式。 首先，介绍方法调用...
函数调用模式是最基本的函数调用方式，通过函数名直接调用函数。在函数体内部，`this`关键字指向全局对象（浏览器中是`window`），在严格模式下则为`undefined`。 ```javascript var add = function(a, b) { ...