javascript函數的寫法有:1、常規寫法,「function 函數名稱(){js程式碼}函數名稱()」;2、$(function(){})寫法,「$(物件) .ready(function() {js程式碼});」。
本教學操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。
Javascript和其他程式語言相比比較隨意,所以Javascript程式碼中充滿各種奇葩的寫法,有時霧裡看花,本文講一下JavaScript函數的寫法。
在Javascript中只有对象。 变量是对象,函数也是对象。 只要你知道你的对象是什么,按照它的方式去使用就可以了。 Javascript是弱类型,对象,实例,函数,方法通用的。不需要区别那么清楚。
1. 常規寫法:
// 函数的定义 function foo() { alert('常规写法'); } // 函数的调用 foo()
這種寫法是大家最熟悉,最容易理解的寫法和呼叫方法,接著往下看
#2. 匿名函數寫法
// 函数的定义 var foo = function(){ alert('匿名函数定义'); } // 函数的调用 foo()
這裡把功能定義弄成了匿名,省去了命名的痛苦,同時賦給了一個變量,變數就成了功能的代名詞,接著看
3. 將方法作為一個物件
// 定义 var test = { fun1: function(){ }, fun2: function(){ } } // 调用 test.fun1(); test.fun2();
在Javascript中變數功能很強大,可以代表很多東西。
4. 建構子中為物件新增方法
// 给对象添加方法 var fun = function(){ }; // 定义函数对象 fun.prototype.test = function(){ alert('这是在在foo函数上的原始对象上添加test方法,构造函数中用到'); } // 调用 var myfun = new fun(); // 创建对象 myfun.test(); // 调用对象属性
透過prototype關鍵字新增方法。
5. 自執行函數( function(){…} )() 和( function(){…} () )
前面講的函數定義和呼叫時分開的,這裡馬上講的定義和執行是一起進行的。
( function(){…} )() 和( function(){…} () ) 是兩種javascript立即執行函數的常見寫法,最初我以為是一個括號包裹匿名函數,再在後面加個括號呼叫函數,最後達到函數定義後立即執行的目的,後來發現加括號的原因並非如此。要理解立即執行函數,需要先理解一些函數的基本概念。
函數宣告、函數表達式、匿名函數
函數宣告:function fnName () {…};使用function關鍵字宣告一個函數,再指定一個函數名,叫函數宣告。
函數表達式var fnName = function () {…};使用function關鍵字宣告一個函數,但未給函數命名,最後將匿名函數賦予一個變量,叫做函數表達式,這是最常見的函數表達式語法形式。
匿名函數:function () {}; 使用function關鍵字宣告一個函數,但未為函數命名,所以叫匿名函數,匿名函數屬於函數表達式,匿名函數有很多作用,賦予一個變量則建立函數,賦予一個事件則成為事件處理程序或建立閉包等等。
函數宣告和函數表達式不同之處在於
一、Javascript引擎在解析javascript程式碼時會'函數宣告提升'(Function declaration Hoisting)目前執行環境(作用域)上的函數聲明,而函數表達式必須等到Javascirtp引擎執行到它所在行時,才會從上而下一行一行地解析函數表達式,
二、函數表達式後面可以加括號立即調用該函數,函數宣告不可以,只能以fnName()形式呼叫。以下是兩者差異的兩個例子。
// 方式1: ( function(){…} () ) ( function(){alert('hello world, I am coming');}() ); // 函数有参数的情况,有时为确保执行,前面加; // 看到别人的插件,你会发现人家开头处加了一个";",这样就算页面js有错误,加载运行他的插件也能保证运行,如: ;(function(e){alert(e);}('hello world')); // 方式2:( function(){…} )() (function(){alert('hello');})(); // 有时在前面加运算符,常见的是!与void !function(){alert('hello');}(); void function(){alert(2);}();
6 $(function(){})寫法
#$ (function(){/…/});是$(document).ready(function (){/…/})的簡寫形式,是在DOM載入完成後執行的回呼函數,並且只會執行一次。
$( document ).ready(function() { console.log( "ready!" ); });
與如下寫法等價
$(function() { console.log( "ready!" ); });
在一個頁面中不同的js中寫的$(function(){/…/});函數,會根據js的排列順序依次執行。
【推薦學習:javascript高階教學】
#以上是javascript函數怎麼寫的詳細內容。更多資訊請關注PHP中文網其他相關文章!

是的,JavaScript的引擎核心是用C語言編寫的。 1)C語言提供了高效性能和底層控制,適合JavaScript引擎的開發。 2)以V8引擎為例,其核心用C 編寫,結合了C的效率和麵向對象特性。 3)JavaScript引擎的工作原理包括解析、編譯和執行,C語言在這些過程中發揮關鍵作用。

JavaScript是現代網站的核心,因為它增強了網頁的交互性和動態性。 1)它允許在不刷新頁面的情況下改變內容,2)通過DOMAPI操作網頁,3)支持複雜的交互效果如動畫和拖放,4)優化性能和最佳實踐提高用戶體驗。

C 和JavaScript通過WebAssembly實現互操作性。 1)C 代碼編譯成WebAssembly模塊,引入到JavaScript環境中,增強計算能力。 2)在遊戲開發中,C 處理物理引擎和圖形渲染,JavaScript負責遊戲邏輯和用戶界面。

JavaScript在網站、移動應用、桌面應用和服務器端編程中均有廣泛應用。 1)在網站開發中,JavaScript與HTML、CSS一起操作DOM,實現動態效果,並支持如jQuery、React等框架。 2)通過ReactNative和Ionic,JavaScript用於開發跨平台移動應用。 3)Electron框架使JavaScript能構建桌面應用。 4)Node.js讓JavaScript在服務器端運行,支持高並發請求。

Python更適合數據科學和自動化,JavaScript更適合前端和全棧開發。 1.Python在數據科學和機器學習中表現出色,使用NumPy、Pandas等庫進行數據處理和建模。 2.Python在自動化和腳本編寫方面簡潔高效。 3.JavaScript在前端開發中不可或缺,用於構建動態網頁和單頁面應用。 4.JavaScript通過Node.js在後端開發中發揮作用,支持全棧開發。

C和C 在JavaScript引擎中扮演了至关重要的角色,主要用于实现解释器和JIT编译器。1)C 用于解析JavaScript源码并生成抽象语法树。2)C 负责生成和执行字节码。3)C 实现JIT编译器,在运行时优化和编译热点代码,显著提高JavaScript的执行效率。

JavaScript在現實世界中的應用包括前端和後端開發。 1)通過構建TODO列表應用展示前端應用,涉及DOM操作和事件處理。 2)通過Node.js和Express構建RESTfulAPI展示後端應用。

JavaScript在Web開發中的主要用途包括客戶端交互、表單驗證和異步通信。 1)通過DOM操作實現動態內容更新和用戶交互;2)在用戶提交數據前進行客戶端驗證,提高用戶體驗;3)通過AJAX技術實現與服務器的無刷新通信。


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

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

熱門文章

熱工具

WebStorm Mac版
好用的JavaScript開發工具

DVWA
Damn Vulnerable Web App (DVWA) 是一個PHP/MySQL的Web應用程序,非常容易受到攻擊。它的主要目標是成為安全專業人員在合法環境中測試自己的技能和工具的輔助工具,幫助Web開發人員更好地理解保護網路應用程式的過程,並幫助教師/學生在課堂環境中教授/學習Web應用程式安全性。 DVWA的目標是透過簡單直接的介面練習一些最常見的Web漏洞,難度各不相同。請注意,該軟體中

SublimeText3 英文版
推薦:為Win版本,支援程式碼提示!

EditPlus 中文破解版
體積小,語法高亮,不支援程式碼提示功能

記事本++7.3.1
好用且免費的程式碼編輯器