<!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>
效果图：
相关推荐
下面的调用模式就是大家最熟悉的函数调用模式，而函数调用模式的this指向和返回值是什么呢？ function fn1 () { console.log(this); }; fn1(); // 在调用函数fn1时，输出的this的结果是Window 在上述代码中，fn1也...
Javascript 函数的四种调用模式 1 函数模式 最普通的函数调用 // 声明式函数 function fn1 () { console.log(this); } // 函数表达式函数 var fn2 = function() { console.log(this); }; // 调用 函数中this...
函数有四种调用模式，分别是：函数调用形式、方法调用形式、构造器形式、以及apply形式。这里所有的调用模式中，最主要的区别在于关键字 this 的意义，下面分别介绍这个几种调用形式。 本文主要内容： 1.分析函数的...
NULL 博文链接：https://zhangxing119.iteye.com/blog/846867
JavaScript有四种调用模式，方法调用模式，函数调用模式，构造器调用模式和apply调用模式。这些模式在初始化关键参数this上存在差异。 方法调用模式：当一个函数被保存为对象的一个属性时，我们称它为一个方法，当...
在javascript中一共有四种调用模式：方法调用模式、函数调用模式、构造器调用模式和apply调用模式。这些模式在如何初始化关键参数this上存在差异
我们说一个函数的调用模式是作为一个函数来调用，是要与其它三种调用模式做区分 函数其他的三种调用: 方法调用模式，构造器调用模式，apply/call调用模式。 方法的调用模式: var obj={ fun1: function(){ //...
一、函数调用 Function绝对是JavaScript中的重中之重。在JavaScript中，Function承担了procedures, methods, constructors甚至是classes以及modules的功能。 在面向对象程序设计中，functions，methods以及class ...
书上有说4中调用方式： 方法调用模式 函数调用模式 构造器调用模式 apply调用模式 下面我们来看看一些实例更好理解。 1：方法调用模式 请注意this此时指向myobject。 代码如下: /*方法调用模式*/ var myobject={ ...
主要介绍了JavaScript中调用函数的4种方式代码实例,本文分别给出方法调用模式、函数调用模式、构造器调用模式、apply调用模式4种方式的代码实例,需要的朋友可以参考下
JS函数调用的四种方法：方法调用模式，函数调用模式，构造器调用模式，apply,call调用模式 1. 方法调用模式： 先定义一个对象，然后在对象的属性中定义方法，通过myobject.property来执行方法，this即指当前的my...
js立即执行函数可以让你的函数在创建后立即执行，js立即执行函数模式是一种语法，可以让你的函数在定义后立即被执行，这种模式本质上就是函数表达式(命名的或者匿名的)，在创建后立即执行。 ( function(){…} )()和...
匿名函数，也称为拉姆达函数，是一种使用JavaScript函数的强大方式。以下总结了匿名函数的特点： 任何函数表达式从技术上说都是匿名函数，因为没有引用它们的确定的方式； 在无法确定如何引用函数的情况下，递归...