javascript高级知识分析——函数访问

代码信息来自于http://ejohn.org/apps/learn/。

可以通过函数的名字在它的内部引用它。

function yell(n){
  return n > 0 ? yell(n-1) + "a" : "hiy";
}
console.log( yell(4) === "hiyaaaa", "在函数的内部通过它的名字访问它自己" );

当不通过命名函数来声明时,在其内部如何调用自己?

var ninja = {
  yell: function(n){
    return n > 0 ? arguments.callee(n-1) + "a" : "hiy";
  }
};
console.log( ninja.yell(4) == "hiyaaaa", "arguments.callee 指的是函数自己" );

函数的名字作用域失效。

var ninja = function myNinja(){
  console.log( ninja === myNinja, "这个函数的引用和名字是同一个函数" );
};
ninja();
console.log( typeof myNinja === "undefined", "但在函数外面不可以访问" );
console.log( ninja );//function myNinja()

注意,当我们使用命名函数声明再分配给一个变量时,这个函数的名字在内部可以引用,外部却不可以。而分配的变量都可以引用。

当匿名函数为一个对象的属性时,也可以调用它。

var ninja = {
  yell: function(n){
    return n > 0 ? ninja.yell(n-1) + "a" : "hiy";
  }
};
console.log( ninja.yell(4) === "hiyaaaa");//true

通过这个对象的属性,我们可以调用它。

当移除原对象时,会发生什么情况?

var ninja = {
  yell: function(n){
    return n > 0 ? ninja.yell(n-1) + "a" : "hiy";
  }
};
console.log( ninja.yell(4) == "hiyaaaa"); //true

var samurai = { yell: ninja.yell };
var ninja = null; 

try {
  samurai.yell(4);
} catch(e){
  console.log( "不可以访问啦" );
}

同样的情况,但当我们给匿名函数一个名字时又会?

var ninja = {
  yell: function yell(n){
    return n > 0 ? yell(n-1) + "a" : "hiy";
  }
};
console.log( ninja.yell(4) == "hiyaaaa"); 

var samurai = { yell: ninja.yell };
var ninja = null;
console.log( samurai.yell(4) == "hiyaaaa", "注意,它仍然可以调用这个函数" );
时间: 2024-10-13 19:44:00

javascript高级知识分析——函数访问的相关文章

javascript高级知识分析——作为对象的函数

代码信息来自于http://ejohn.org/apps/learn/. 函数和对象是不是非常相似? var obj = {}; var fn = function(){}; console.log( obj && fn );//true var obj = {}; var fn = function(){}; obj.prop = "some value"; fn.prop = "some value"; console.log( obj.prop

javascript高级知识分析——定义函数

代码信息来自于http://ejohn.org/apps/learn/. 可以使用哪些方式来声明函数? function isNimble(){ return true; } var canFly = function(){ return true; }; window.isDeadly = function(){ return true; }; console.log(isNimble, canFly, isDeadly);//function isNimble() function canF

javascript高级知识分析——上下文

如果函数是一个对象的属性,那么它可以? var katana = { isSharp: true, use: function(){ this.isSharp = !this.isSharp; } }; katana.use(); console.log( katana.isSharp );//false; 在javascript中,函数的内部,this默认指向调用它的对象.本例katana.use(),函数use被对象katana调用,所以在函数内部,this.isSharp可以操作katan

javascript高级知识分析——灵活的参数

代码信息来自于http://ejohn.org/apps/learn/. 使用数量可变的参数对编程很有好处 function merge(root){ for(i = 0 ; i < arguments.length; i++) for(var key in arguments[i]) return root[key] = arguments[i][key] } var merged = merge({name: "John"}, {city: "Boston"

javascript高级知识分析——实例化

代码信息来自于http://ejohn.org/apps/learn/. new做了什么? function Ninja(){ this.name = "Ninja"; } var ninjaA = Ninja(); console.log( ninjaA, "undefined,ninja并不是实例化" ); var ninjaB = new Ninja(); console.log( ninjaB.name == "Ninja", "

JavaScript高级程序设计之函数

函数实际上是对象,每个函数都是Function类型的实例. 函数是引用类型. 函数名实际上是一个指向函数对象的指针,不会与某个函数绑定. // 这种写法更能表达函数的本质 var sum = function(num1, num2) { return num1 + num2; }; var anotherSum = sum; sum = null; console.log(anotherSum(10, 20)); // 30 console.log(sum(10, 20)); // typeer

JavaScript高级程序设计之函数性能

setTimeout 比 setInterval 性能更好 // 取代setInterval setTimeout(function self () { // code goes here setTimeout(self, interval); }, interval); 对异步执行的大数组的分割执行 // 大块.异步数组的处理 function chunk(arr, process, context) { setTimeout(function self() { var item = arr.

前端(十三)—— JavaScript高级:回调函数、闭包、循环绑定、面向对象、定时器

回调函数.闭包.循环绑定.面向对象.定时器 一.函数高级 1.函数回调 // 回调函数 function callback(data) {} // 逻辑函数 function func(callback) { // 函数回调,判断回调函数是否存在 if (callback) callback(data); } func(callback); // 函数回调的本质:在一个函数中(调用函数),当满足一定条件,调用参数函数(回调函数) // 回调函数作为调用函数的参数传入,满足一定的条件,调用回调函数

javascript 高级编程系列 - 函数

一.函数创建 1. 函数声明 (出现在全局作用域,或局部作用域) function add (a, b) { return a + b; } function add(a, b) { return add1(a,b); function add1(m, n) { return m + n; } }    2. 函数表达式 作为普通变量 var add = function (a, b){ return a + b; }; 作为对象方法 var obj = { value: 0, add: fun