1. 程式人生 > >javascript函式定義_呼叫_與功能

javascript函式定義_呼叫_與功能

javaScript的函式定義方式

Ø  方式一:

Functionabc(p1,p2){

Return p1+p2;

}

Ø  方式二用function定義匿名函式

Function(p1,p2){

Returnp1+p2;

}

Ø  方式三:可以呼叫function的構造器來構建函式

Var a=function(p1,p2,p3,p4,..pn);

前面的p1,p2,p3,…..pn-1會作為新的形參列表

===============================================================================

Ø  Js函式的功能

1

當成一個函式來使用

2當成一個類來使用,定義的時候就建立了一個類與一個函式

3函式還可以當成是一個類的方法,即使這樣函式依然是獨立存在的

只要你定義一個js的函式的時候,就產生了一個類,因此可以通過new來呼叫他的構函式,javascript裡面函式是一等公民,即使把它放在類裡面,它也是獨立存在的。

===============================================================================

Ø  預設函式呼叫者,和變數的呼叫者是windows

 function test(){

alert("簡單函式");

}

test();

test.call|(window);

等價於

functiontest(){

alert("簡單函式");

}

Windows.test();

===============================================================================

Ø  函式的呼叫方式

方式一:呼叫者.函式名(呼叫引數);//呼叫者可以省略

方式二:函式名.call(呼叫者,引數列表);

方式三:函式名.apply(呼叫者,arguments);

-----------------------------------------------------------------------------------------------------------------------

unction Person(name,age){

this.name=name;

this.age=age;

this.info=function(){

alert(this.name+":"+this.age);

}

}

varp=new Person("悟空",5);

function Dog(name,age){

   this.name=name;

this.age=age;

}

vard=new Dog("旺財",4);

p.info.call(d);

--------------------------------------------------------------------------------------------------------------

 function test(){

alert("簡單函式");

}

test();

----------------------------------------------------------------------------------------------------------------

varmyfun=function(a,b){

this.a=a;

this.b=b;

alert(this.a+":"+this.b);

this.test=a+b;

}

varo=new Object();

vara=function(x,y){

myfun.apply(o,arguments);

};

a(2,3);

alert(o.test);

===============================================================================

This字首的呼叫作用

當在函式中去呼叫this的時候,程式只搜尋一個位置,只搜尋主調物件是否包涵該例項變數的位置。如果不存在就當成undefind處理,如果沒有this字首,程式會搜尋當前函式中是否存在區域性變數,如果不存在程式會搜尋主調物件該例項變數,如果依然不存在就會搜尋主調物件的呼叫物件,一直向上搜尋直到搜尋到windows物件為止。

函式裡面的this是指函式的呼叫者,誰是函式的呼叫者,this就是指的誰

===============================================================================

繫結事件監聽器的方法

1html中繫結,在onxxx屬性中進行直接繫結,此時onxxxx的屬性值可以是一條或者多條js語句。

<scripttype="text/javascript">

var test =function(){

varele=document.createElement("span");

   ele.innerHTML="新增的元素";

   var br=document.createElement("br");

document.getElementById("target").appendChild(ele);

document.getElementById("target").appendChild(br);

 }

</script>

<inputtype="button" value="新增元素" onclick="test();"/>

-----------------------------------------------------------------------------------------------------------------

2通過dom物件的onxxxx屬性來繫結與設定,此時只能是一個函式的引用。

var test =function(){

varele=document.createElement("span");

   ele.innerHTML="新增的元素";

   var br=document.createElement("br");

document.getElementById("target").appendChild(ele);

document.getElementById("target").appendChild(br);

}

document.getElementById("button").onclick=test;

<scripttype="text/javascript" src="test.js"></script>放在</body>的前面

var test=function(){

varele=document.createElement("span");

   ele.innerHTML="新增的元素";

   var br=document.createElement("br");

document.getElementById("target").appendChild(ele);

document.getElementById("target").appendChild(br);

}

//如果要把javascript放在頭部,這行程式碼相當於指定了頁面載入完成後

//執行test函式,還有一種方法是把js放在body的尾部

document.body.onload=function(){

document.getElementById("button").onclick=test;

}

<scripttype="text/javascript" src="test.js"></script>放在<head>裡面

相關推薦

javascript函式定義_呼叫_功能

javaScript的函式定義方式 Ø  方式一: Functionabc(p1,p2){ Return p1+p2; } Ø  方式二用function定義匿名函式 Function(p1,p2){ Returnp1+p2; } Ø  方式三:可以呼叫function的構

Javascript函式定義呼叫

首先明確,函式相當於一個程式碼塊,在不呼叫的情況下,是不會自動執行的 一、不指定函式名的函式: var csdn=function(引數1,引數2,….,引數n) { //函式體語句 } 如果想讓函式執行: csdn(); //寫在哪裡無所謂,

javascript函式定義以及常見用法

我們知道,js函式有多種寫法,函式宣告 ,函式表示式,Function式建構函式,自執行函式,包括Es6的箭頭函式,Class類寫法,高階函式,函式節流/函式防抖,下面我就開始講關於上面幾種型別的最基本用法。 函式宣告式寫法 這種寫法是最基本的寫法 ,使用關鍵字 function 定義函式,函式聲明後

Python 函式定義呼叫(1)

1、函式的功能: (1)程式碼的一種組織形式; (2)一個函式一般完成一項特定的功能。 2、函式使用 (1)函式需要先定義 (2)使用函式,俗稱呼叫 3、函式定義的一般規則 (1)def 關鍵字,後跟一個空格; (2)函式名,自己定義,起名需要遵循

Python 函式定義呼叫(2)——引數詳解

目錄 一、函式的引數和返回值 (1)引數: 負責給函式傳遞一些必要的資料或者資訊 形參(形式引數): 在函式定義的時候用到的引數沒有具體值,只是一個佔位的符號,成為形參; 實參(實際引數): 在呼叫函式的時候輸入的值。 (2)返回值: 函式

JavaScript 函式定義+內建函式使用+array物件+object型別

文章目錄 函式定義 random() setInterval() setTimeout() 陣列物件 object 函式定義 兩種格式: functi

python函式定義呼叫、引數、返回

 python函式定義語法:              定義: Def foo():                    

linux shell函式定義呼叫

說起函式呼叫,相信大家也不會陌生,然而對於初學Shell的我來說,Shell中函式呼叫方式卻有點讓我不太習慣,自己也走了不少的彎路,因為傳遞引數時出了一個很“自然”的錯誤,也讓我吃了不少的苦頭,所以總結一下Shell中函式的呼叫方法。 一、Shell中函式的定義 為了方便

函式定義呼叫

函式是由事件驅動的或者當它被呼叫時執行的可重複使用的程式碼塊。常見函式:        function 函式名(形參){          

幾種javascript函式定義的區別

  1:呼叫關鍵字function來構造  如: function distance(x1,x2,y1,y2)   ...{     var dx=x2-x1;     var dy=y2-y1;     return Math.sqrt(dx*dx+dy*dy); 

JavaScript 函式四種呼叫模式

函式有四種形態 -> 函式形態 -> 方法形態 -> 構造器形態 -> 上下文形態(call, apply) 函式的四種呼叫模式 所有的 this 都是

makefile專題:函式定義呼叫

關鍵詞:makefile中的函式、自定義函式、預定義函式 1. makefile中的函式 make直譯器提供了一系列的函式供 makefile呼叫(即預定義函式,相當於庫函式) 在makefi

python函式定義呼叫

<1>定義函式定義函式的格式如下:def 函式名(): 程式碼 demo:# 定義一個函式,能夠完成列印資訊的功能 def printInfo(): print('------------------------------------')

C語言入門:函式定義呼叫

一,函式定義 舉例: 例子1: int FunctionDamon1(); /* 這個函式宣告包含了“ 返回值型別 函式名稱 和括號()” , 沒有函式引數,有函式引數的例子如下*/ 例子2; int FunctionDamon2(int valua

關於JavaScript函式中的方法名html標籤中的id名重複問題

今天開始學了JavaScript,最基本的函式的內嵌,寫了一個form, <form id="aaa" name="calcForm" action="#" method="post" onSubmit="calc()"> 被除數:<input type="

javascript函式定義三種方式詳解

定義函式的三種方式 function語句式 function test1() { console.info("test1"); } 函式的直接變數 ECMAScript var test2 = function () { cons

函式&變數_宣告、定義呼叫\引用

引例——在高中數學裡,我們有y=f(x);f(x)=3x; 在C語言裡我們有: #include<stdio.h> int f(int a) { return 3 * a; } int main() { int y; int x = 3; y = f(

JavaScript基礎之函式定義呼叫

在JavaScript中,定義函式的方式如下: function abs(x){ if(x>0){ return x; }else{ return -x; } } 上述abs()函式的定義如下: 1.

【181129】VC++ GDI+程式設計必備的原始碼庫_各種繪圖影象處理函式原始碼

VC++ GDI+程式設計必備的原始碼庫,包含GDI+各個方面的程式設計示例。 以下是各種功能列表: 畫筆 從畫刷中構造畫筆 自定義線型 畫筆的對齊方式 畫筆的縮放與旋轉 畫筆的線帽屬性 畫筆的透明度支援

Python-24_綜合練習-01_函式_檔案處理_解耦--查詢功能

--------------------------------------------- 一、查詢功能:--------------------------------------------- def fetch(data): print("\033[1;43m查詢功能\033[0m")