本文通过示例给大家介绍javascript的闭包,原型,和匿名函数，具体详情请看下文。
一 .>关于闭包
理解闭包 需要的知识
1.变量的作用域
例1:
var n =99; //建立函数外的全局变量
function readA(){
alert(n); //读取全局变量
}
readA(); //执行此函数
例2:
function readB(){
var c = 9;
function readC(){
console.log(c); //ok c可见
}
return readC;
}
alert(c); //error c is not defined.
note: 函数内部声明变量c时,一定要加上 var,否则 c会成为一个全局变量
所以函数内可见全局变量,函数内的局部变量却对外不可见
js的作用域是链式的,父对象里的变量总对子对象可见,子对象的对象却对父对象不可见
当我们要获取函数内的内部变量
于是有了例3:
function readB(){
var c = 9;
function readC(){
console.log(c);
}
return readC();
}
readB();
闭包很类似基于此做了一个变式
function readB(){
var c = 9;
function readC(){
console.log(c);
}
return readC;
}
var res = readB();
res();
note:
1.慎用闭包,注意内存占用,因为它会保存父函数的状态
2.不要随便改变父函数内部变量的值
理解闭包
note: this 指包含它的函数被执行时所属的对象
例1:
var name = "The Window";
var object = {
name : "My Object",
getNameFunc : function(){ //此时this (这个执行函数)是属于object对象的,是object对象下的一个属性的值
return function(){ //此时this (这个执行函数)是一个匿名函数,从根对象window生成,是属于window
return this.name;
};
}
};
console.log(object.getNameFunc()()); //the window
例2:
var name = "The Window";
var object = {
name : "My Object",
getNameFunc : function(){
var that = this;
return function(){
return that.name;
};
}
};
console.log(object.getNameFunc()()); //My Object
二 .>匿名函数
直接定义一个匿名函数 然后调用这个匿名函数,这种形式在jquery插件的定义时很常见
1.通过函数字母量的方式. 先声明一个匿名函数,然后执行它
( function(){
console.log('excute self');
}) ();
2.通过优先表达式的方式 , 由于Javascript执行表达式是从圆括号里面到外面，所以可以用圆括号强制执行声明的函数
(
function () {
alert(2);
}
()
);
3.void操作符 用void操作符去执行一个没有用圆括号包围的一个单独操作数
void function(){ console.log('void') } ();
三 .>关于prototype
原型 prototype
理解js中的protitype首先需要明白js的面向对象设计
function People(name){
this.name = name;
console.log(this); //Window 或者 object { name: 'xxx' }
this.introduce = function(){ //实例对象方法
console.log(this.name);
}
}
new People('leon').introduce();
//这里有一个非常有趣的现象,结合前面的来看的话,
//首先function people里的this指向的默认是Window对象
//当 调用 People();时 this 输出为 Window对象
//但一旦调用new People('xx')时, this 输出为 {name:'xx'}
//其实也很好理解,一旦new ,便新建了一个对象
实例对象方法只能这样 new People('leon').introduce(); 调用 因为它使用前必须初始化
类的对象的静态方法
var People = {}; //等于一个对象 {} 或者 function 数组都可以 此时People需要是引用类型
People.sayhi = function(to_who){
console.log('hi '+ to_who);
}
People.sayhi('lee'); //调用时这样调用
原型方法
var People = function(){}; // People 必须为一个 function(){} 即为一个类,不能是对象或值类型或其他引用类型
People.prototype.meet = function(meet_who) {
console.log('I am '+this.name + ',going to meet ' + meet_who);
};
new People('lee').meet('xx');
原型方法只能由该类的对象 调用
A.prototype = new B();
原型看起来很像继承,但其实不是,它更像clone更准确
如果出现了父类和子类出现了重名的属性,采取就近原则,如果找不到一级一级向上找,如果要指定调用上级的属性,使用call方法
extendClass.prototype = new baseClass(); var instance = new extendClass(); var baseinstance = new baseClass(); baseinstance.showMsg.call(instance); obj1.func.call(obj);
以上内容是小编给大家分享的学习javascript的闭包,原型,和匿名函数之旅，希望对大家有用。
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒 经典版》的玩家都可以获得奖励。