首頁 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

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

前端熱敏紙小票打印遇到亂碼問題怎麼辦? 前端熱敏紙小票打印遇到亂碼問題怎麼辦? Apr 04, 2025 pm 02:42 PM

前端熱敏紙小票打印的常見問題與解決方案在前端開發中,小票打印是一個常見的需求。然而,很多開發者在實...

神秘的JavaScript:它的作用以及為什麼重要 神秘的JavaScript:它的作用以及為什麼重要 Apr 09, 2025 am 12:07 AM

JavaScript是現代Web開發的基石,它的主要功能包括事件驅動編程、動態內容生成和異步編程。 1)事件驅動編程允許網頁根據用戶操作動態變化。 2)動態內容生成使得頁面內容可以根據條件調整。 3)異步編程確保用戶界面不被阻塞。 JavaScript廣泛應用於網頁交互、單頁面應用和服務器端開發,極大地提升了用戶體驗和跨平台開發的靈活性。

誰得到更多的Python或JavaScript? 誰得到更多的Python或JavaScript? Apr 04, 2025 am 12:09 AM

Python和JavaScript開發者的薪資沒有絕對的高低,具體取決於技能和行業需求。 1.Python在數據科學和機器學習領域可能薪資更高。 2.JavaScript在前端和全棧開發中需求大,薪資也可觀。 3.影響因素包括經驗、地理位置、公司規模和特定技能。

如何使用JavaScript將具有相同ID的數組元素合併到一個對像中? 如何使用JavaScript將具有相同ID的數組元素合併到一個對像中? Apr 04, 2025 pm 05:09 PM

如何在JavaScript中將具有相同ID的數組元素合併到一個對像中?在處理數據時,我們常常會遇到需要將具有相同ID�...

JavaScript難以學習嗎? JavaScript難以學習嗎? Apr 03, 2025 am 12:20 AM

學習JavaScript不難,但有挑戰。 1)理解基礎概念如變量、數據類型、函數等。 2)掌握異步編程,通過事件循環實現。 3)使用DOM操作和Promise處理異步請求。 4)避免常見錯誤,使用調試技巧。 5)優化性能,遵循最佳實踐。

如何實現視差滾動和元素動畫效果,像資生堂官網那樣?
或者:
怎樣才能像資生堂官網一樣,實現頁面滾動伴隨的動畫效果? 如何實現視差滾動和元素動畫效果,像資生堂官網那樣? 或者: 怎樣才能像資生堂官網一樣,實現頁面滾動伴隨的動畫效果? Apr 04, 2025 pm 05:36 PM

實現視差滾動和元素動畫效果的探討本文將探討如何實現類似資生堂官網(https://www.shiseido.co.jp/sb/wonderland/)中�...

JavaScript的演變:當前的趨勢和未來前景 JavaScript的演變:當前的趨勢和未來前景 Apr 10, 2025 am 09:33 AM

JavaScript的最新趨勢包括TypeScript的崛起、現代框架和庫的流行以及WebAssembly的應用。未來前景涵蓋更強大的類型系統、服務器端JavaScript的發展、人工智能和機器學習的擴展以及物聯網和邊緣計算的潛力。

console.log輸出結果差異:兩次調用為何不同? console.log輸出結果差異:兩次調用為何不同? Apr 04, 2025 pm 05:12 PM

深入探討console.log輸出差異的根源本文將分析一段代碼中console.log函數輸出結果的差異,並解釋其背後的原因。 �...

See all articles