关于javascript函数的几个话题_javascript技巧

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“公式化”的基本原则。

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

时间: 2024-09-19 14:52:21

关于javascript函数的几个话题_javascript技巧的相关文章

javascript函数自动执行常用方法汇总_javascript技巧

在网页中JS函数自动执行常用三种方法 在HTML中的Head区域中,有如下函数: <SCRIPT LANGUAGE="JavaScript"> functionn MyAutoRun() { //以下是您的函数的代码,请自行修改先! alert("函数自动执行哦!"); } </SCRIPT> 下面,我们就针对上面的函数,让其在网页载入的时候自动运行! ①第一种方法 将如上代码改为: <SCRIPT LANGUAGE="Jav

javascript 函数及作用域总结介绍_javascript技巧

在js中使用函数注意三点:1.函数被调用时,它是运行在他被声明时的语法环境中的: 2.函数自己无法运行,它总是被对象调用的,函数运行时,函数体内的this指针指向调用该函数的对象,如果调用函数时没有明确指定该对象, this 默认指向 window ( strict 模式除外,本文不涉及 strict 模式): 3.函数是一种带有可执行代码的对象类型数据. 一.声明函数 1.使用 function 关键字 复制代码 代码如下: function myfun(a,b){ //声明名为myfun的函

浅谈JavaScript函数参数的可修改性问题_javascript技巧

一道笔试题思考而来的,通常情况下没人会在函数内部修改参数值.这里仅拿出来讨论,有三种方式可以修改. 1,直接修改函数声明时的形参 复制代码 代码如下: function f1(a) {     alert(a);     a = 1;//修改形参a     alert(1 === a);     alert(1 === arguments[0]); } f1(10); 函数f1定义了参数a,调用时传参数10,先弹出10,修改a为1,弹出两次true,a和arguments[0]都为1了. 2,通

Javascript 函数对象的多重身份_javascript技巧

复制代码 代码如下: function Flower() { this.name="rose"; this.color="red"; } //Flower() 作为构造函数 var obj=new Flower(); //输出 true, flower 作为类引用 alert(obj instanceof Flower); function 关键字可以声明普通函数,这一点和其他语言中函数的概念是相同的. 除此之外,他还可以用于类的声明和实现.对象的构造函数以及类的引

一些常用的JavaScript函数(json)附详细说明_javascript技巧

复制代码 代码如下: var YX = { //得到JS内置数据类型的类型,返回值包括[Date,RegExp,Number,String,Array,Boolean,Function,null,undefined,Object] getType : function(obj){ return obj == null ? obj + "" : Object.prototype.toString.call(obj).slice(8,-1); } //创建一个简单的类 ,createCla

javascript 用函数实现继承详解_javascript技巧

一.知识储备: 1.枚举属性名称的函数: (1)for...in:可以在循环体中遍历对象中所有可枚举的属性(包括自有属性和继承属性) (2)Object.keys():返回数组(可枚举的自有属性) (3)Object.getOwnPropertyNames():所有的自有属性 3.属性的特性:数据属性和存取器属性 (1)数据属性:可写(writable)  可枚举(enumerable)  可配置(configurable)  值(value) 数据属性只有一个简单的值: (2)存取器属性: 写

JavaScript函数内部属性和函数方法实例详解_javascript技巧

函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块. 函数是对象,有自己的属性和方法 .首先通过console下输出的函数属性方法来直观的看一下: 函数内部属性只要包括两个特殊的对象:arguments和this. 函数属性包括:length和prototype 函数方法(非继承)包括:apply()和call() 继承而来的函数方法:bind().toString().toLocaleString().valueOf() 其他的目前不熟,后面再补充 1. 函数内部属性 在函数内部,有两

深入剖析JavaScript中的函数currying柯里化_javascript技巧

curry化来源与数学家 Haskell Curry的名字 (编程语言 Haskell也是以他的名字命名).   柯里化通常也称部分求值,其含义是给函数分步传递参数,每次传递参数后部分应用参数,并返回一个更具体的函数接受剩下的参数,这中间可嵌套多层这样的接受部分参数函数,直至返回最后结果. 因此柯里化的过程是逐步传参,逐步缩小函数的适用范围,逐步求解的过程.  柯里化一个求和函数 按照分步求值,我们看一个简单的例子 var concat3Words = function (a, b, c) {

JavaScript中cookie工具函数封装的示例代码_javascript技巧

一. 语法 1.1 获取当前页面的所有cookie: var allCookies = document.cookie; allCookies 是一个字符串,其中包含了以分号分隔的cookie列表字符串 (即 key=value 键值对). 1.2 写一个新cookie: document.cookie = updatedCookie; updatedCookie是一个键值对形式的字符串.只能用这个方法一次设置或更新一个cookie,而且写入并不是覆盖,而是添加.例如: document.coo