1. 程式人生 > >JS中函式宣告和函式表示式的區別

JS中函式宣告和函式表示式的區別

review專案程式碼時,不同JS檔案之間在沒有相互引用的情況下,可以使用對方的方法,上網查了一下原因如下:

在<body>標籤結束之前以下面的方式引入兩個js檔案

<script src="a.js"></script>
<script src="b.js"></script>

則兩個js檔案中的函式就可以互相呼叫,但是如果按照這樣的方式引入後,在呼叫的時候一直提示該函式is not defined

放在同一個js檔案中沒有任何問題,分成兩個就無法找到

那可以嘗試這樣的函式定義

var fun = function (a,b){
     return a+b;
}

為什麼會出現這種情況,原因如下:

1.函式宣告

function sum1(n1,n2){
    return n1+n2;
  };

2.函式表示式,又叫函式字面量
var sum2=function(n1,n2){
    return n1+n2;
};
兩者的區別:解析器可以在定義函式宣告之前呼叫函式宣告;而函式表示式則必須在定義之後才可以呼叫。

補充

    JSP頁面中使用Window.top:表示返回視窗體系中的最頂層視窗的引用。

 返回當前視窗的父物件,而 window.top返回最頂層的視窗物件。

    當你在處理父視窗的子框架(subframe),而你想獲取頂層框架時,這個屬性相當有用。


相關推薦

JS函式宣告函式表示式區別

review專案程式碼時,不同JS檔案之間在沒有相互引用的情況下,可以使用對方的方法,上網查了一下原因如下:在<body>標籤結束之前以下面的方式引入兩個js檔案<script src="a.js"></script> <script

javascript函式宣告函式表示式區別

1.js中函式表示式的定義 表示式(expression)JavaScript中的一個短語,javascript會將其計算(evaluate)出一個結果。程式中的常量是一個最簡單的表示式。變數名

JS函式宣告函式表示式區別

    另一方面,仔細看一看產生規則也會發現,唯一可能讓Expression(表示式)出現在Block(塊)中情形,就是讓它作為ExpressionStatement(表示式語句)的一部分。但是,規範明確規定了ExpressionStatement(表示式語句)不能以關鍵字function開頭。而這實際上就是

JS-函式宣告 函式表示式

    問題:       1, function foo() {};            2, var foo = function () {};   1,上面的語法是宣告,

函式宣告函式表示式之間的區別

 函式表示式是javascript中的一個既強大容易令人困惑的特性           《javascript高階程式設計》 定義函式的方式有兩種 //指定函式名的方式1.function  sayHi(){ } 以上的函式宣告方式一個重要的特徵就是函式宣告提升,意思是在執行程式碼之前會先讀取函式宣告,意味著

javascript的執行順序/函式宣告函式表示式區別

例子: function myfunc () { alert(”hello”); }; myfunc(); //這裡呼叫myfunc,輸出yeah而不是hello function myfunc () { alert(”yeah”); }; myfunc(); //這裡呼叫

函式宣告函式表示式區別

定義函式的方法 定義函式的方法主要有三種: 函式宣告(Function Declaration)函式表示式Function Expression)new Function建構函式 其中,經常使用的是函式宣告和函式表示式的函式定義方法,這兩種方法有著很微妙的區別和聯絡,而

詳解Javascript 函式宣告函式表示式區別

Javascript Function無處不在,而且功能強大!通過Javascript函式可以讓JS具有面向物件的一些特徵,實現封裝、繼承等,也可以讓程式碼得到複用。但事物都有兩面性,Javascript函式有的時候也比較“任性”,你如果不瞭解它的“性情”,它很

JavaScript函式宣告函式表示式區別

在定義函式時,我們一般使用下面這兩種方法: 用函式宣告建立的函式:    function a() {    }用函式表示式建立的函式:    var b = function() {    }當我們執

在變數作用域方面,函式宣告函式表示式有什麼區別

函式宣告提升,在函式宣告時定義好作用域; 函式表示式,只是變數名提升,隨著變數的改變,作用域也改變。 詞法環境with,和try…catch…不會影響函式宣告的變數作用域,但會影響函式表示式的變數作

JS函式-函式宣告函式表示式之間的恩怨

“函式宣告”和“函式表示式”其實說白了 就是定義函式的方式 函式宣告: function 函式名(){.....}通過上面方式定義的函式就是函式宣告 函式表示式:通過函式表示式定義函式的方式比較

函式宣告函式表示式區別

題 1: functionfoo(){ functionbar(){ return3; } returnbar(); functionbar(){ return8; } } alert(foo());

Javascript 函式宣告函式表示式區別

  Javascript Function無處不在,而且功能強大!通過Javascript函式可以讓JS具有面向物件的一些特徵,實現封裝、繼承等,也可以讓程式碼得到複用。但事物都有兩面性,Javascript函式有的時候也比較“任性”,你如果不瞭解它的“性情”,

eval及函式宣告函式表示式

1,eval:將一個物件行使額字串轉換為物件 { name: 'Jim' ,age :19}==>語法錯誤 //使用()將其轉化成表示式,{}不再是語句塊了,就是物件了 ->var o= eval( "( { name : 'Jim' ,age :19 } )"} //在js中有

js的變數宣告函式宣告提升

首先我們需要知道JS解析的兩個階段:預處理、執行期,本次來談談預處理階段。 預處理階段:JS會對程式碼中所有用var宣告的變數和函式宣告進行處理,將其提前。 注:其中變數也只是進行了宣告並未進行初始化以及賦值。 變數: 來個簡單的例子: console.log(a); var a

函式宣告函式表示式——函式宣告宣告提前

定義函式的方法主要有三種: 1、函式宣告; 2、函式表示式; 3、new Function建構函式 函式宣告的經典格式: function functionName(arg1,arg2,...){...} 函式表示式: var variable = functi

函式宣告函式表示式

建議使用函式宣告代替函式表示式,原因: 函式宣告是可命名的,所以他們在呼叫棧中更容易識別。此外,函式宣告會把整個函式提升(hoisted),而函式表示式只會把函式的引用變數名提升。這條規則使得箭頭函式

js學習(16)----函式宣告函式作為引數

1.函式宣告和函式表示式 函式宣告需要被呼叫才會執行相應的內容,而函式表示式則相當於呼叫了函式。 如下: // 這是函式宣告,沒有看到;號 function sum(num1, num2) { // 函式體 } // 這是函式表示式 var

js的型別函式引數傳遞型別問題

js中的型別: 2大型別:原始型別和物件。 原始型別有 boolean、number、string這三個普通原始型別,還有null、undefined這倆特殊原始型別 物件嘛就多了,普通物件、內建物件、全域性物件、函式、陣列等。 函式引數傳遞型別:   對於原始型別,傳遞的是值,

JS變數名函式名重名

var x=12 var x=13 function x() { console.log(x) } console.log(x); //13 //err:x is not a function