2. 程式人生 > >js函式的呼叫者和所有者

js函式的呼叫者和所有者

阿新 • • 發佈：2019-02-04
函式的呼叫者指的是函式被呼叫的域（可以理解函式本身），Function 物件的caller屬性是對當前函式的函式的引用。如果該函式是從JavaScript程式的頂層呼叫的，caller的值為null。函式的所有者指的是呼叫這個函式的物件。 
看例子： 
Java程式碼  收藏程式碼
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">  
  2. <HTML>  
  3.  <HEAD>  
  4.  <BODY>  
  5.   <SCRIPT LANGUAGE="JavaScript">  
  6.   <!--  
  7.     function dwn(s)  
  8.     {  
  9.         document.write(s+'<br/>');  
  10.     }  
  11.     //定義一個Point型別  
  12.     function Point(x,y)  
  13.     {  
  14.         this.x = x ;   
  15.         this.y = y ;  
  16.     }  
  17.     //定義一個Vector型別  
  18.     function Vector(x,y)  
  19.     {  
  20.         this.x = x ;  
  21.         this.y = y ;  
  22.     }  
  23.     function f()  
  24.     {  
  25.         dwn(this.constructor);  
  26.     }  
  27.     var p = new Point(1,3);  
  28.     p.f=f;//把f（）當做p的方法來用  
  29.     p.f();//呼叫時，f中的this指向p，因此this.constructor得到p的建構函式Point
      
  30.     var v = new Vector(11,22);  
  31.     v.f=f;//把f（）當做v的方法來用  
  32.     v.f();//呼叫時，f中的this指向v，因此this.constructor得到v的建構函式Vector  
  33.   //-->  
  34.   </SCRIPT>  
  35.  </BODY>  
  36. </HTML>  


下面說一下動態呼叫所有者 
ECMAScript v3給function原型定義了兩個方法：call和apply，使用這兩個方法可以像呼叫其他物件方法一樣呼叫函式。call()和apply()方法的第一個引數都是要呼叫函式的物件用call和apply呼叫函式是，函式內的this屬性總是引用這個引數。call()的聲譽引數是傳遞給要呼叫函式的值，數量可以是任意的.apply()只不過它只接受兩個引數，第一個是呼叫物件，第二個引數是一個帶下標的集合。 
看例子： 
Java程式碼  
收藏程式碼
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">  
  2. <HTML>  
  3.  <HEAD>  
  4.  </HEAD>  
  5.  <BODY>  
  6.   <SCRIPT LANGUAGE="JavaScript">  
  7.   <!--  
  8.     function dwn(s)  
  9.     {  
  10.         document.write(s+"<br/>");  
  11.     }  
  12.     //定義一個Point型別  
  13.     function Point(x,y)  
  14.     {  
  15.         this.x = x ;   
  16.         this.y = y ;  
  17.         this.toString = function(){  
  18.             return "("+[x,y]+")";  
  19.         }  
  20.     }  
  21.     //定義一個Vector型別  
  22.     function Vector(x,y)  
  23.     {  
  24.         this.x = x ;  
  25.         this.y = y ;  
  26.         this.toString = function(){  
  27.             return "("+[x,y]+")";  
  28.         }  
  29.     }  
  30.     //這個函式將傳入的引數累加到獨享的x,y屬性上  
  31.     function add(x,y)  
  32.     {  
  33.         return new this.constructor(this.x+x,this.y+y)  
  34.     }  
  35.     var p = new Point(1,2);  
  36.     var v = new Vector(-1,2);  
  37.     var p1 = add.call(p,3,4);//把add函式作為p的方法呼叫  
  38.     var v1 =add.apply(v,[3,4]);//把add函式作為v的方法呼叫  
  39.     dwn(p1);  
  40.     dwn(v1);  
  41.   //-->  
  42.   </SCRIPT>  
  43.  </BODY>  
  44. </HTML>  

相關推薦

js函式的呼叫者和所有者

函式的呼叫者指的是函式被呼叫的域（可以理解函式本身），Function 物件的caller屬性是對當前函式的函式的引用。如果該函式是從JavaScript程式的頂層呼叫的，caller的值為null。函式的所有者指的是呼叫這個函式的物件。  看例子：  Java程式碼   <!DOCTYPE H

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

1. 函式宣告提升 func() function func () { } 上例不會報錯，正是因為 ‘函式宣告提升’，即將函式宣告提升（整體）到作用域頂部（注意是函式宣告，不包括函式表示式），實際提升後結果同下： // 函式宣告提升 function func () { } func()

js函式的節流和防抖

js函式的節流和防抖 使用者瀏覽頁面時會不可避免的觸發一些高頻度觸發事件（例如頁面 scroll ，螢幕 resize，監聽使用者輸入等），這些事件會頻繁觸發瀏覽器的重拍（reflow）和重繪（repaint）這會嚴重耗費瀏覽器效能，造成頁面 卡頓。 舉幾個例子：比如說我們在滾動事件中要做一個複雜的計算，或

node.js函式呼叫

首先建立web服務，官網上有現成的demo，建議還是自己瞭解寫一遍。新建一個stratServer.js檔案， //require方法匯入nodejs的一個物件http var http = require("http"); //http新建一個web服務，其中function包含兩個物件，re

原生js實現觀察者和訂閱者模式

觀察者模式也叫 釋出者-訂閱者模式，釋出者釋出事件，訂閱者監聽事件並做出反應 在傳統的前端解耦方面，觀察者模式作為比較常見一種設計模式，大量使用在各種框架類庫的設計當中。 核心程式碼： //

js函式帶括號和不帶括號賦給物件屬性的區別

注意： 1.js為物件新增函式時，不要在函式後面加（）。一旦加了括號是表示將函式的返回值賦給物件的屬性。 例：function test(){ 　　document.writeln("我是js函式") } var obj = new Object(); obj.info=new function(

[C++] 過載運算子與型別轉換（2）——函式呼叫運算子和型別轉換運算子

1、這兩個應該是C++中比較高階的用法了。 一、函式呼叫運算子   1、過載函式呼叫運算子()，必須是成員函式，一個類可以定義多個不同版本的呼叫運算子，相互之間應該在引數數量或者型別上有所區別。   2、定義了呼叫運算子的類的物件稱作 函式物件；函式

【讀書筆記】你唔知JS 函式作用域和塊作用域

函式中的作用域   1.無論識別符號宣告出現在作用域中的何處， 這個識別符號所代表的變數或函式都將附屬於所處作用域的氣泡。    2.這些識別符號全都無法從全域性作用域中進行訪問， 因此會導致ReferenceError 錯誤。     隱藏

C++函式呼叫過程和內建函式詳解

       上圖表示 函式呼叫過程：①程式先執行函式呼叫之前的語句；②流程的控制轉移到被呼叫函式入口處，同時進行引數傳遞；③執行被呼叫函式中函式體的語句；④流程返回呼叫函式的下一條指令處，將函式返回值帶回；⑤接著執行主調函式未執

Js函式字面量和Function()建構函式的區別||匿名函式

一、什麼是匿名函式？ 在Javascript定義一個函式一般有如下三種方式： 函式關鍵字(function)語句： function fn(x){ alert(x); } 函式字面量(Function Literals)： var fn = funct

頁面載入完成之後執行js函式window.onload 和 $().ready(function) 以及 的同級函式詳解

頁面載入完成之後執行js函式window.onload 和 $().ready(function) 以及 <body onload="">的同級函式詳解 1.window.onlo

js呼叫jQuery中函式的方法和jQuery呼叫js中函式的方法

js呼叫jQuery方法： function getResult(){ //呼叫方式 $().getFuc(); }; //獲取文字框值 $(function(){ //名字為getFuc的jQuery方法 $.fn.getFuc=function(){

html中的button按鈕呼叫js函式和提交表單傳遞引數

1.button的type設定為button 而不用submit，並新增onclick方法呼叫js函式 <input type="button" name="confirmAlter" value="確認修改" onclick="changeInfo(form1.co

新手學習日記-Javascript和Html 1：如何在html中呼叫Js函式

HTML組成網頁，CSS組織網頁，Javascript可以給網頁新增複雜操作。首先要明白，HTML是靜態的，要想實現複雜的可變的操作（比如函式，計算結果等）必須使用Javascript進行操作。Q.如何在Html中獲取Javascript函式的值HTML是靜態的，即使將Jav

JS HTML DOM物件和指令碼函式的互呼叫(字串標識)

從目標物件到script函式的呼叫： Js引擎會根據字串值，搜尋上下文，獲取指定型別名字的目標物件，對目標物件執行函式。 當然onclick=message()也是可以呼叫的(js函式是非字串形式)。 <input type="button"value="View m

js函式的賦值和呼叫

今天遇到一個很奇特的問題，我謝了一個測試js先宣告的方法，能否呼叫後宣告的方法，結果發現了這個問題： demo.html程式碼如下： <html> <head> <script src="demo.js"></script>

c理解提高（3）程式的記憶體四區模型和函式呼叫模型

程式的記憶體四區模型 記憶體四區的建立流程 流程說明 1、作業系統把物理硬碟程式碼load到記憶體 2、作業系統把c程式碼分成四個區 3、作業系統找到main函式入口執行   各區元素分析 函式呼叫模型 基本原理

一段C語言和彙編的對應分析，揭示函式呼叫的本質

一段C語言和彙編的對應分析，揭示函式呼叫的本質 2018年09月30日 13:32:19 sdulibh 閱讀數：17 本文作者周平，原創作品轉載請註明出處 首先對會涉及到的一些CPU暫存器和彙編的基礎知識羅列一下：   16位、32位、64

JS不同檔案間函式呼叫

假設條件是:JS(A)要呼叫JS(B)的函式.那麼要滿足以下條件: 1.要保證你所呼叫的JS必須在同一個頁面裡. 也就是JS(A)和JS(B)都要在頁面X裡. 2.要保證你所呼叫的JS先於呼叫者本身被解釋.也就是JS(B)要先於JS(A)被解釋.反映在頁面上,就是JS(B)要寫到JS(A)的前面.

Js檔案中呼叫其它Js函式的方法

轉載：在一個js中引用另一個js的方法 方法/步驟 一個js呼叫另外一個js的方法，最簡單的例子就是jquery的呼叫。首先準備好兩個js檔案。 然後寫一個html檔案，通過<script type='text/javascript' src=''></