javascript函数基础

Function类型

鉴于函数是目标,因此函数曰实际上是一个针对性函数对象的指针,不见面跟函数绑定

于是无重载这个定义!!!!!!!!!!!!!!!!!!!!!!!!!!

function sum1(){}
var sum2 = function(){}; 
 //!!!!分号!!!!将变量sum2定义成function类型

 

ECMAScript中之参数

参数在其间用arguments对象往往组来访问,只关注参数数组,不关注参数个数

function doAdd(){
    if(arguments.length == 1){
          alert(arguments[0]+10);
    }else if(arguments.length == 2){
          alert(arguments[0]+arguments[1]);
    }
}

doAdd(10);         //20
doAdd(30,20);    //50

arguments的值永远和相应命名参数的价保持同

function doAdd(num1,num2){
     arguments[1]=10;
     alert(arguments[0]+num2);
}
//执行这个doAdd()函数会重写第2的参数
x+10 一直执行num1+10

 

callee与caller

 

caller
caller返回一个函数的援,这个函数调用了目前的函数。
利用此特性要专注:
1 这个特性只有当函数在实施时才起因此
2 如果以javascript程序中,函数是由于顶层调用的,则回null

functionName.caller: functionName是眼前正在履行的函数。

 

 

 图片 1图片 2

  1. var a = function() {   
  2. alert(a.caller);   
  3. }   
  4. var b = function() {   
  5. a();   
  6. }   
  7. b();  

方的代码中,b调用了a,那么a.caller返回的凡b的援,结果如下:

 

 

 图片 3图片 4

  1. var b = function() {   
  2. a();   
  3. }   

一旦直接调用a(即a在其他函数中叫调用,也即是顶层调用),返回null:

 

 

 图片 5图片 6

  1. var a = function() {   
  2. alert(a.caller);   
  3. }   
  4. var b = function() {   
  5. a();   
  6. }   
  7. //b();   
  8. a();  

出口结果:

 

null

callee
callee放回正在实施的函数本身的援,它是arguments的一个性能
用callee时若留意:
1 这个特性只有以函数执行时才使得
2
它发一个length属性,可以用来博取形参的个数,因此得以据此来比形参和实参个数是否一律,即于arguments.length是否等于arguments.callee.length
3 它好用来递归匿名函数。

 

 图片 7图片 8

  1. var a = function() {   
  2. alert(arguments.callee);   
  3. }   
  4. var b = function() {   
  5. a();   
  6. }   
  7. b();  

a在b中让调用,但是它们回到了a本身的援,结果如下:

 

 图片 9图片 10

  1. var a = function() {   
  2. alert(arguments.callee);   
  3. }   

constructor

constructor 属性返回对创建是目标的数组函数的援。

object.constructor

<script type="text/javascript">

var test=new Array();

if (test.constructor==Array)
{
document.write("This is an Array");
}
if (test.constructor==Boolean)
{
document.write("This is a Boolean");
}
if (test.constructor==Date)
{
document.write("This is a Date");
}
if (test.constructor==String)
{
document.write("This is a String");
}

</script>

输出:

This is an Array

什么样运用 constructor 属性:

<script type="text/javascript">

function employee(name,job,born)
{
this.name=name;
this.job=job;
this.born=born;
}

var bill=new employee("Bill Gates","Engineer",1985);

document.write(bill.constructor);

</script>

输出:

function employee(name, jobtitle, born)
{this.name = name; this.jobtitle = job; this.born = born;}

this

this指的是调用函数的深目标,this一般景象下是全局对象global,作为艺术调用时,this指的凡当下目标。

 

apply与call

call方法: 
语法:call([thisObj[,arg1[, arg2[,   [,.argN]]]]]) 
概念:调用一个对象的一个道,以任何一个靶替换当前目标。 
说明: 
call 方法好为此来替其他一个靶调用一个方法。call
方法可拿一个函数的目标及下文从开头的上下文改变为由 thisObj
指定的初目标。 
若是没有供 thisObj 参数,那么 Global 对象吃看作 thisObj。 

apply方法: 
语法:apply([thisObj[,argArray]]) 
概念:应用某平目标的一个计,用别样一个对象替换当前目标。 
说明: 
要 argArray 不是一个实惠之数组或者不是 arguments 对象,那么以招致一个
TypeError。 
倘无提供 argArray 和 thisObj 任何一个参数,那么 Global 对象将给看作
thisObj, 并且无法让传送任何参数。

 

 

prototype原型对象

以JavaScript
中,每当定义一个对象(函数)时候,对象被还见面含有部分预定义的性。其中函数对象的一个属性就是原型对象
prototype。注:普通对象没prototype,但生__proto__属性。

var person = function(name){
   this.name = name
  };
  person.prototype.getName = function(){
     return this.name; 
  }
  var zjh = new person(‘zhangjiahao’);
  zjh.getName(); //zhangjiahao

 

亮原型链

JS在创建对象(不论是寻常对象还是函数对象)的下,都发生一个誉为__proto__的放到属性,用于因于创造它的函数对象的原型对象prototype。以点的例证也例:

  console.log(zjh.__proto__ ===
person.prototype) //true

同一,person.prototype对象啊发生__proto__性能,它对创建它的函数对象(Object)的prototype

  console.log(person.prototype.__proto__ ===
Object.prototype) //true

继承,Object.prototype对象呢生__proto__属性,但她比特殊,为null

  console.log(Object.prototype.__proto__)
//null

咱拿这来__proto__拧起来的直到Object.prototype.__proto__为null的链叫做原型链。如下图:
图片 11

 

**内存结构图:
图片 12

画画约定:
图片 13**

 

 var animal = function(){};
  var dog = function(){};

  animal.price = 2000;//
  dog.prototype = animal;
  var tidy = new dog();


  console.log(dog.price) //undefined
  console.log(tidy.price) // 2000

dog继承了animal,画一下外存图:
图片 14

一个整的例证:

 

function SuperType(){
     this.property = true;
}

SuperType.prototype.getSuperValue = function(){
    return this.property; 
};

function SubType(){
    this.subproperty = false;
}

subType.prototype = new SuperType(); //重新原型,继承了SuperType
SubType.prototype.getSubValue = function(){
    return this.subproperty;
};
var instance = new SubType();
alert(instance.getSuperValue());   //true
//instance.constructor指向SuperType
//SubType.prototype中的constructor被重写了
//instance指向SubType的原型,SubType的原型又指向SuperType的原型

 

搜步骤:1)实例 2)SubType.prptotype
3)SuperType.prptotype

于经原型链实现连续时,不能够用对象字面量创建原型方法,因为如此见面重复写原型链

 

构造函数、原型、实例的干

每个构造函数都发出一个原型对象,原型对象还包含一个对准构造函数的指针,而实例都带有一个对原型对象的内部指针。