web前端|js教程
javascript,作用域,js
web前端-js教程
递归调用（arguments.callee）
递归调用就是自己调用自己。调用分为：直接调用和间接调用下面展示使用递归调用来计算指定值的斐波那契数列。
网站怎么用视频源码,ubuntu安装的坑,tomcat服务器热部署,数据爬虫ip定位,php价格是什么意思,seo技术接单lzw
// 求i的阶乘function factorial(i){ if(i < 2){ return 1; } return i*factorial(i-1); // 递归调用}alert(factorial(5)); // 求5的阶乘// 以上方式存在一个问题？如下：var factorial = function(i){ if(i < 2){ return 1; } return i*factorial(i-1); // factorial还能被调用吗？不能}var test = factorial; factorial = null; alert(test(2));// 解决方案：var factorial = function(i){ if(i < 2){ return 1; } return i*arguments.callee(i-1); // arguments.callee返回正被执行的 Function 对象，也就是所指定的 Function 对象的正文}var test = factorial;factorial = null;alert(test(5));
作用域
随机出题 源码 php,vscode查看文件编码,Ubuntu 优盘路径,tomcat视频播放,sqlite搜索字段名,爬虫技术在侦查当中的应用,php正则匹配符号,杭州手机排名seo,企业网站模板编辑软件,如何删除网页js弹窗代码,创建前台页面代码 免费模板lzw
// 在程序中，作用域控制着变量的可见性和生命周期。var name = "default"; // 全局作用域function getName(){ var name = "getName"; // getName作用域下 for(var i=0; i<2; i++){ var inName = "inName"; }alert(i + "," + inName); // 2,inName 注意：在js中没有块级作用域，及if、for、while中声明的变量是放在块所在的作用域下 return name;}alert(getName()); // getName 注意：js存在函数作用域，所以在函数内部定义的变量在外部是不可见的alert(name); // default
注意：在现代的很多语言中，推荐将变量尽可能的延迟声明。如：java而在js中，却不推荐这样做，因为js不支持块级作用域。推荐在函数的开始就将所有用到的变量进行声明。
web改号源码,vscode保存配置文件,安装ubuntu vim,tomcat源码怎么编译,淘宝爬虫架构,xml php url,嘉兴企业seo优化推广方案,秒拍网站源码,dz模板整站安装说明lzw
闭包
函数能够访问它被创建时环境的上下文称为闭包。作用域的好处是，内部函数可以访问外部函数的所有变量（除this和arguments）。
var myObject = { value : 0, increment : function(inc){ this.value = typeof inc === umber ? inc : 1; }, getValue : function(){ return this.value; }};myObject.increment(10);alert(myObject.value);alert(myObject.getValue());// 上面使用字面常量方式定义了一个myObject对象。但是value变量可以被外部对象访问var myObject = function(){ var value = 0; return { increment: function(inc){ value += typeof inc === umber ? inc : 1; }, getValue : function(){ return value; } };}();myObject.increment(10);alert(myObject.value); // 不能被外部对象访问alert(myObject.getValue()); // 10// 渐变body的背景色（黄色到白色）var fade = function(node){ var level = 1; var step = function(){ var hex = level.toString(16); node.style.backgroundColor = #FFFF + hex + hex; if(level < 15){ level += 1; setTimeout(step, 500); // 如果level小于15，则内部函数自我调用 } }; setTimeout(step, 1); // 调用内部函数};fade(document.body);// 下面是一个很糟糕的例子点击我...
// 点击时显示3点击我...
// 点击时显示3点击我...
// 点击时显示3var add_the_handlers = function(nodes){ var i; for(i = 0; i < nodes.length; i += 1) { nodes[i].onclick = function(e){ // 函数构造时的：i alert(i); }; }};var objs = document.getElementsByName("test");add_the_handlers(objs);// 造成上面的原因是：a标签的事件函数绑定了变量i，则不是函数在构造时的i值。// 解决方案如下：var add_the_handlers = function(nodes){ var i; for(i = 0; i < nodes.length; i += 1) { nodes[i].onclick = function(i){ return function(e){alert(i); // 输出的i是构造函数传递进来的i，不是事件处理绑定的i。 }; }(i); }};var objs = document.getElementsByName("test");add_the_handlers(objs);
回调（callbacks）
// data表示参数，而call_function则表示回调函数function sendRequest(data, call_function){ // setTimeout来模仿客户端请求服务端中传输数据的时间。 // 当3秒钟后就调用回调函数（有客户端实现回调函数） setTimeout(function(){ call_function(data); // 调用回调函数 }, 3000);}// 测试sendRequest函数sendRequest("参数", function(context){ alert("context=" + context);});
