首页 web前端 js教程 关于javascript函数的几个话题_javascript技巧

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

May 16, 2016 pm 07:16 PM

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

不过,实际上上面这种函数倒有一个特殊用途,用来生成某些特殊的计数器 :)
所以限制也不是绝对的...
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热门文章

<🎜>:泡泡胶模拟器无穷大 - 如何获取和使用皇家钥匙
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
北端:融合系统,解释
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
Mandragora:巫婆树的耳语 - 如何解锁抓钩
3 周前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

热门话题

Java教程
1666
14
CakePHP 教程
1425
52
Laravel 教程
1327
25
PHP教程
1273
29
C# 教程
1252
24
JavaScript引擎:比较实施 JavaScript引擎:比较实施 Apr 13, 2025 am 12:05 AM

不同JavaScript引擎在解析和执行JavaScript代码时,效果会有所不同,因为每个引擎的实现原理和优化策略各有差异。1.词法分析:将源码转换为词法单元。2.语法分析:生成抽象语法树。3.优化和编译:通过JIT编译器生成机器码。4.执行:运行机器码。V8引擎通过即时编译和隐藏类优化,SpiderMonkey使用类型推断系统,导致在相同代码上的性能表现不同。

Python vs. JavaScript:学习曲线和易用性 Python vs. JavaScript:学习曲线和易用性 Apr 16, 2025 am 12:12 AM

Python更适合初学者,学习曲线平缓,语法简洁;JavaScript适合前端开发,学习曲线较陡,语法灵活。1.Python语法直观,适用于数据科学和后端开发。2.JavaScript灵活,广泛用于前端和服务器端编程。

从C/C到JavaScript:所有工作方式 从C/C到JavaScript:所有工作方式 Apr 14, 2025 am 12:05 AM

从C/C 转向JavaScript需要适应动态类型、垃圾回收和异步编程等特点。1)C/C 是静态类型语言,需手动管理内存,而JavaScript是动态类型,垃圾回收自动处理。2)C/C 需编译成机器码,JavaScript则为解释型语言。3)JavaScript引入闭包、原型链和Promise等概念,增强了灵活性和异步编程能力。

JavaScript和Web:核心功能和用例 JavaScript和Web:核心功能和用例 Apr 18, 2025 am 12:19 AM

JavaScript在Web开发中的主要用途包括客户端交互、表单验证和异步通信。1)通过DOM操作实现动态内容更新和用户交互;2)在用户提交数据前进行客户端验证,提高用户体验;3)通过AJAX技术实现与服务器的无刷新通信。

JavaScript在行动中:现实世界中的示例和项目 JavaScript在行动中:现实世界中的示例和项目 Apr 19, 2025 am 12:13 AM

JavaScript在现实世界中的应用包括前端和后端开发。1)通过构建TODO列表应用展示前端应用,涉及DOM操作和事件处理。2)通过Node.js和Express构建RESTfulAPI展示后端应用。

了解JavaScript引擎:实施详细信息 了解JavaScript引擎:实施详细信息 Apr 17, 2025 am 12:05 AM

理解JavaScript引擎内部工作原理对开发者重要,因为它能帮助编写更高效的代码并理解性能瓶颈和优化策略。1)引擎的工作流程包括解析、编译和执行三个阶段;2)执行过程中,引擎会进行动态优化,如内联缓存和隐藏类;3)最佳实践包括避免全局变量、优化循环、使用const和let,以及避免过度使用闭包。

Python vs. JavaScript:社区,图书馆和资源 Python vs. JavaScript:社区,图书馆和资源 Apr 15, 2025 am 12:16 AM

Python和JavaScript在社区、库和资源方面的对比各有优劣。1)Python社区友好,适合初学者,但前端开发资源不如JavaScript丰富。2)Python在数据科学和机器学习库方面强大,JavaScript则在前端开发库和框架上更胜一筹。3)两者的学习资源都丰富,但Python适合从官方文档开始,JavaScript则以MDNWebDocs为佳。选择应基于项目需求和个人兴趣。

Python vs. JavaScript:开发环境和工具 Python vs. JavaScript:开发环境和工具 Apr 26, 2025 am 12:09 AM

Python和JavaScript在开发环境上的选择都很重要。1)Python的开发环境包括PyCharm、JupyterNotebook和Anaconda,适合数据科学和快速原型开发。2)JavaScript的开发环境包括Node.js、VSCode和Webpack,适用于前端和后端开发。根据项目需求选择合适的工具可以提高开发效率和项目成功率。

See all articles