首頁 > web前端 > js教程 > 主體

js函數常見的寫法以及呼叫方法

jacklove
發布: 2018-06-15 16:44:29
原創
1911 人瀏覽過


寫在前面:本文詳細的介紹了5中js函數常見的寫法以及調用的方法,平時看別人代碼的時候總是看到各種不同風格的js函數的寫法。不明不白的,找了點資料,做了個總結,需要的小夥伴可以看看,做個參考。
1.常規寫法(最常見的那種)

//函数的写法function run () {
        alert('常规写法');//这里是你函数的内容
    } // 调用
    run();
登入後複製

#2.匿名函數寫法(可以想成給變數賦值一個函數)

   // 匿名函数的写法var run = function(){
        alert('这是一种声明函数的方式,左边是一个变量,右边是一个函数的表达式,意思就是把一个匿名的函数表达式赋值给了变量myfun,只是声明了一个变量指向了一个函数对象。');//这里是你函数的内容
    }  // 调用  
    run();
登入後複製

3.將方法作為一個物件

 // 作为对象方法,函数写法,这里创建了两个函数外面用{}包裹起来
    var Test = {
run1:function(){
  alert('这个必须放在一个对象内部,放在外边会出错!');//这里是你函数的内容}
,run2:function(){
  alert('这个必须放在一个对象内部,放在外边会出错!');//这里是你函数的内容}
}//调用Test.run1();//调用第1个函数Test.run2();//调用第2个函数
登入後複製

#4.在建構函式中為物件新增方法 
javascript中的每個物件都有prototype屬性,Javascript中物件的prototype屬性的解釋是:傳回物件類型原型的參考。

// 给对象添加方法
    var funName = function(){};
  funName.prototype.way = function(){
        alert('这是在funName函数上的原始对象上加了一个way方法,构造函数中用到');
    }    // 调用
    var funname = new text();// 创建对象
    funname.way();//调用对象属性
登入後複製

5.自執行函數
js自執行函數查到了幾種不同寫法,放上來給大家看看

//方法1:最前最后加括号 (function(){alert(1);}()
); 
/*这是jslint推荐的写法,好处是,能提醒阅读代码的人,这段代码是一个整体。 
例如,在有语法高亮匹配功能的编辑器里,光标在第一个左括号后时,最后一个右括号也会高亮,看代码的人一眼就可以看到这个整体。 */
登入後複製
//方法2:function外面加括号 (function(){alert(1);})(); 
//这种做法比方法1少了一个代码整体性的好处。
登入後複製
//方法3:function前面加运算符,常见的是!与void 。!function(){alert(1);}(); 
void function(){alert(2);}(); 
/*显然,加上“!”或“+”等运算符,写起来是最简单的。 
加上“void ”要敲五下键盘,但是听说有一个好处是,比加"!"少一次逻辑运算。----我只是听说,不明所以。*/
登入後複製

本文介紹了js函數常見的寫法以及呼叫方法,更多相關內容請關注php中文網。

相關推薦:

原生JS的AJAX讀取json全過程

vue.js安裝與設定

JS實作瀏覽器列印、列印預覽


以上是js函數常見的寫法以及呼叫方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!