关于javascript函数的几个话题

 更新时间:2007年03月14日 00:00:00   作者:  
1.函数对象和函数指针
函数实际上是一个可执行的对象,任何访问函数对象的方式都是函数指针。
不论 使用哪一种方式
var a=new Function(...);
function a(...){...}
var a=function(...){...}
得到的函数名a都是一个指向函数的指针 可以用var b=a;来创建另外一个指向它的指针。
但是 它们指向同一段函数。因为函数名是一个指针,所以能够被作为参数传递。
()运算符作用于一个函数指针将会执行它所在的函数,当然还会传入参数。


2.函数直接量(函数文字量)
实际上函数直接量这个说法并不准确 但可以通俗地解释一些用法
125 "good"是都是直接量 可以在代码中不通过变量名使用 函数也有类似的用法
function(){...} 代表了一个函数指针的值 它指向function(){...}定义的函数
那么 (function(){...})() 就执行了这个函数 a=function(){...}就创建了这个指针的一个副本

3.函数对象的成员 
函数对象继承自object对象 它还有自己的属性和方法
查到的就这么多 来自vs2005的提示
f.apply(thisValue,argArray);//在thisValue对象上执行 参数由数组argArray提供
f.call(thisValue);//在thisValue对象上执行,不是没有参数,要用参数的话直接跟在thisValue后面
f.prototype; //原型 很常见 前面也用过 不多说了。 
f.length;//参数列表的长度

f.hasOwnProperty(propertyName);//继承自Object的方法,检查对象是否有指定属性
f.propertyIsEnumerable(propertyName);//继承自Object的方法,检查指定属性是否能被for in枚举出来 (除了firefox下的prototype 其他属性都不能被枚举)
f.toLocaleString();//继承自Object的方法,转换为字符串
f.toString();//继承自Object的方法,转换为字符串 在alert document.write等时自动调用
f.valueOf();//继承自Object的方法,求值,对象做算术运算时自动调用,如果默认就是toString 

3.javascript函数能访问的范围
javascript函数究竟能访问那些资源? 包括三部分:函数的作用域、this指针、参数除此之外函数无法访问任何资源。
如果要比较清晰地理解函数 应当想像函数有三组参数:
第一组是作用域 在定义时确定 是函数定义位置决定的 暂称为外作用域 在函数定义处可以访问的变量和函数在函数中也可以访问,不论调用这个函数的指针被传递到哪里
第二组是this 在函数被调用时确定 
  如果函数是用()调用的  它默认指向函数所属的对象:如果函数是某个对象的成员 那么this指向这个对象,否则指向全局对象(大多数时候是window)
  如果函数是用apply或者call调用的 this指向指定的thisvalue
第三组是参数 在函数被调用时确定 在参数列表中的参数可以直接访问 不再参数列表中的参数可以用arguments访问

4.函数作用域的生成与访问
函数除了能够访问一个作用域之外 每次执行 会生成一个新的作用域 (闭包)
此作用域之外的代码无法访问这一作用域的变量 此作用域内的代码可以访问这个作用域以及此函数定义时的作用域。

跨作用域的访问只能通过指针。js中object是指针类型。
想要获得指向某个作用域的指针 必须从这个作用域中把指针传递出来:即把此作用域中的指针类型变量的值赋给其他作用域的变量
前面所说一个函数中能够访问的资源包括 this 外作用域 参数 所以可以通过这种方式访问其他作用域中的变量。
一个很bt的例子

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

最后这个例子太BT了,实际上,虽然js的function有这样的能力,但是在使用时我们一般会有一个限制,就是闭包中访问闭包外变量时,不应当采用有“副作用”的表达式,例如++、--或者赋值,也就是说限制闭包访问外部域的内容仅限于“读”和“表达式计算”,可以修改外部变量实际引用的对象的值,但是不要在闭包内修改外部变量本身的值。所以下面的例子
function c(a){
    return function(x)
    {
        return x+a++;
    }
}
通常是合法但不合理的,因为这是一个有副作用的闭包。在程序逻辑复杂的情况下这很容易导致混乱。因为这个闭包在什么时候调用是完全不确定的。这个闭包的存在使得这个函数每次调用的返回值完全不同,即使采用的是同一个参数。这显然违背了functional“公式化”的基本原则。

不过,实际上上面这种函数倒有一个特殊用途,用来生成某些特殊的计数器 :)
所以限制也不是绝对的...

相关文章

  • JavaScript中获取样式的原生方法小结

    JavaScript中获取样式的原生方法小结

    这篇文章主要介绍了JavaScript中获取样式的原生方法小结,本文总结了5种JS获取样式的原生方法,并分别给出了实例,需要的朋友可以参考下
    2014-10-10
  • webpack独立打包和缓存处理详解

    webpack独立打包和缓存处理详解

    这篇文章主要介绍了webpack独立打包和缓存处理的相关资料,文中介绍的非常详细,对大家学习webpack具有一定的参考价值,需要的朋友们下面来一起看看吧。
    2017-04-04
  • js实现图片拖动改变顺序附图

    js实现图片拖动改变顺序附图

    需要改变多个元素的位置,可以通过元素拖动来实现,下面以图片拖动为例,用jQuery来实现,需要的朋友可以参考下
    2014-05-05
  • TypeScript中使用类型断言的几种方式分享

    TypeScript中使用类型断言的几种方式分享

    在TypeScript中,类型断言用于告诉编译器某个变量的类型,这在我们确定变量的类型比编译器更准确时非常有用,本文给大家分享了几种TypeScript中使用类型断言方式,需要的朋友可以参考下
    2023-09-09
  • JavaScript获取网页中第一个图片id的方法

    JavaScript获取网页中第一个图片id的方法

    这篇文章主要介绍了JavaScript获取网页中第一个图片id的方法,涉及javascript中document.images方法的使用技巧,需要的朋友可以参考下
    2015-04-04
  • 小程序实现订单评价和商家评价

    小程序实现订单评价和商家评价

    这篇文章主要为大家详细介绍了小程序实现订单评价和商家评价功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-04-04
  • JS实现的A*寻路算法详解

    JS实现的A*寻路算法详解

    这篇文章主要介绍了JS实现的A*寻路算法,结合实例形式详细分析了A*寻路算法的概念、原理、实现技巧与相关注意事项,需要的朋友可以参考下
    2018-12-12
  • JavaScript实现图片懒加载的两种方式

    JavaScript实现图片懒加载的两种方式

    现在的科技发达,图片的资源占比越来越大,对图片在页面的优化已经成为前端开发必备的技术之一,难的图片懒加载方法咱们看着头大,简单,易懂的才适合我们程序员,所以本文给大家介绍了JavaScript实现图片懒加载的两种方式,需要的朋友可以参考下
    2024-04-04
  • js实现自定义右键菜单

    js实现自定义右键菜单

    这篇文章主要为大家详细介绍了js实现自定义右键菜单,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-05-05
  • js数组去重的5种算法实现

    js数组去重的5种算法实现

    这篇文章主要介绍了js数组去重的5种算法实现,详细解释了实现思路,以及每个算法的优缺点,感兴趣的小伙伴们可以参考一下
    2015-11-11

最新评论