国产一区二区精品-国产一区二区精品久-国产一区二区精品久久-国产一区二区精品久久91-免费毛片播放-免费毛片基地

千鋒教育-做有情懷、有良心、有品質(zhì)的職業(yè)教育機構

手機站
千鋒教育

千鋒學習站 | 隨時隨地免費學

千鋒教育

掃一掃進入千鋒手機站

領取全套視頻
千鋒教育

關注千鋒學習站小程序
隨時隨地免費學習課程

當前位置:首頁  >  技術干貨  > web測試之Js中的函數(shù)

web測試之Js中的函數(shù)

來源:千鋒教育
發(fā)布人:小鋒
時間: 2019-08-15 16:40:00 1565858400

  在JS中,一般使用函數(shù)其實就是為了封裝某些操作,或者把編寫的程序進行模塊化的操作。

  一.函數(shù)的聲明方式

  1.普通的函數(shù)聲明

  function box(num1, num2) {

  return num1+ num2;

  }

  2.使用變量初始化函數(shù)

  var box= function(num1, num2) {

  return num1 + num2;

  };

  3.使用Function構造函數(shù)

  var box= new Function('num1', 'num2' ,'return num1 + num2');

  二.作為值的函數(shù)

  ECMAScript中的函數(shù)名本身就是變量,所以函數(shù)也可以作為值來使用。也就是說,不僅可以像傳遞參數(shù)一樣把一個函數(shù)傳遞給另一個函數(shù),而且可以將一個函數(shù)作為另一個函數(shù)的結果返回。

  function box(sumFunction, num) {

  return sumFunction(num);

  }

  function sum(num) {

  return num + 10;

  }

  var result = box(sum, 10);

  三.函數(shù)內(nèi)部屬性

  在函數(shù)內(nèi)部,有兩個特殊的對象:arguments和this。arguments是一個類數(shù)組對象,包含著傳入函數(shù)中的所有參數(shù),主要用途是保存函數(shù)參數(shù)。但這個對象還有一個名叫callee的屬性,該屬性是一個指針,指向擁有這個arguments對象的函數(shù)。

  function box(num) {

  if (num <= 1) {

  return 1;

  } else {

  return num * box(num-1);

  }

  }

  對于階乘函數(shù)一般要用到遞歸算法,所以函數(shù)內(nèi)部一定會調(diào)用自身;如果函數(shù)名不改變是沒有問題的,但一旦改變函數(shù)名,內(nèi)部的自身調(diào)用需要逐一修改。為了解決這個問題,我們可以使用arguments.callee來代替。

  function box(num) {

  if (num <= 1) {

  return 1;

  } else {

  return num * arguments.callee(num-1);

  }

  }

  函數(shù)內(nèi)部另一個特殊對象是this,其行為與Java和C#中的this大致相似。換句話說,this引用的是函數(shù)據(jù)以執(zhí)行操作的對象,或者說函數(shù)調(diào)用語句所處的那個作用域。PS:當在全局作用域中調(diào)用函數(shù)時,this對象引用的就是window。

  window.color = '紅色的';

  alert(this.color);

  var box = {

  color : '藍色的',

  sayColor : function () {

  alert(this.color);

  }

  };

  box.sayColor();

  alert(this.color);

  四.函數(shù)屬性和方法

  ECMAScript中的函數(shù)是對象,因此函數(shù)也有屬性和方法。每個函數(shù)都包含兩個屬性:length和prototype。其中,length屬性表示函數(shù)希望接收的命名參數(shù)的個數(shù)。

  function box(name, age) {

  alert(name + age);

  }

  alert(box.length);

  function box(num1, num2) {

  return num1 + num2;

  }

  function sayBox(num1, num2) {

  return box.apply(this, [num1, num2]); }

  function sayBox2(num1, num2) {

  return box.apply(this, arguments);

  }

  alert(sayBox(10,10));

  alert(sayBox2(10,10));

  call()方法于apply()方法相同,他們的區(qū)別僅僅在于接收參數(shù)的方式不同。對于call()方法而言,第一個參數(shù)是作用域,沒有變化,變化只是其余的參數(shù)都是直接傳遞給函數(shù)的。

  function box(num1, num2) {

  return num1 + num2;

  }

  function callBox(num1, num2) {

  return box.call(this, num1, num2);

  }

  alert(callBox(10,10));

  var color = '紅色的';

  var box = {

  color : '藍色的'

  };

  function sayColor() {

  alert(this.color);

  }

  sayColor();

  sayColor.call(this);

  sayColor.call(window);

  sayColor.call(box);

  當我們使用call(box)方法的時候,sayColor()方法的運行環(huán)境已經(jīng)變成了box對象。

  使用call()或者apply()來擴充作用域的最大好處,就是對象不需要與方法發(fā)生任何耦合關系耦合,就是互相關聯(lián)的意思,擴展和維護會發(fā)生連鎖反應。

tags:
聲明:本站稿件版權均屬千鋒教育所有,未經(jīng)許可不得擅自轉(zhuǎn)載。
10年以上業(yè)內(nèi)強師集結,手把手帶你蛻變精英
請您保持通訊暢通,專屬學習老師24小時內(nèi)將與您1V1溝通
免費領取
今日已有369人領取成功
劉同學 138****2860 剛剛成功領取
王同學 131****2015 剛剛成功領取
張同學 133****4652 剛剛成功領取
李同學 135****8607 剛剛成功領取
楊同學 132****5667 剛剛成功領取
岳同學 134****6652 剛剛成功領取
梁同學 157****2950 剛剛成功領取
劉同學 189****1015 剛剛成功領取
張同學 155****4678 剛剛成功領取
鄒同學 139****2907 剛剛成功領取
董同學 138****2867 剛剛成功領取
周同學 136****3602 剛剛成功領取
相關推薦HOT