javascript中的this

 

文章篇幅不是很大，大部分内容是我参考了别人的博客后经过自己理解，自己整理的。方便自己以后回顾知识。文中涉及到javascript中的Array对象的slice()、call()、apply();

slice()方法，在我之前做的项目中，有两种数据类型下用到过。第一种是string类型的，还有一种是Array对象；

 

 

 

string对象的slice()：

定义和用法

slice() 方法可提取字符串的某个部分，并以新的字符串返回被提取的部分。

语法

stringObject.slice(start,end)

参数	描述
start	要抽取的片断的起始下标。如果是负数，则该参数规定的是从字符串的尾部开始算起的位置。也就是说，-1 指字符串的最后一个字符，-2 指倒数第二个字符，以此类推。
end	紧接着要抽取的片段的结尾的下标。若未指定此参数，则要提取的子串包括 start 到原字符串结尾的字符串。如果该参数是负数，那么它规定的是从字符串的尾部开始算起的位置。

返回值

一个新的字符串。包括字符串 stringObject 从 start 开始（包括 start）到 end 结束（不包括 end）为止的所有字符。

 

 

 

Array对象的slice():

定义和用法

slice() 方法可从已有的数组中返回选定的元素。

语法

arrayObject.slice(start,end)

参数	描述
start	必需。规定从何处开始选取。如果是负数，那么它规定从数组尾部开始算起的位置。也就是说，-1 指最后一个元素，-2 指倒数第二个元素，以此类推。
end	可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数，那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数，那么它规定的是从数组尾部开始算起的元素。

返回值

返回一个新的数组，包含从 start 到 end （不包括该元素）的 arrayObject 中的元素。

提示和注释

注释：您可使用负值从数组的尾部选取元素。

注释：如果 end 未被规定，那么 slice() 方法会选取从 start 到数组结尾的所有元素。

 

 

call()和apply()方法使用介绍：

每个函数都包含两个非继承而来的方法apply和call

他们的用途相同，都是在特定的作用域中调用函数

接收参数方面不同，apply接收两个参数，第一个参数是this第二个参数是一个数组，call方法的第一个参数和apply参数一样，但传递给函数的参数必须列出来。

 

 

对javascript中的this有些片面，不全的地方自己后续还会整理的。

　　

/*!
* 封装console.log()方法,方便以后调用;
*/
function log(){
    var info = Array.prototype.slice.call(arguments,0);
    console.log.apply(console,info);
}
/*!
* this 的用法
*/

/*!
* 如果是一个全局的function,则this相当于window对象,
*    在function中通过this定义的各种属性和方法,可以在function外部访问.
*    前提是这个function需要被调用(如果不调用,则里面定义的方法和属性会取不到);
*/
function globalFn(){
    this.name="window";    
}
log(this);    //Window {top: Window, window: Window, location: Location, external: Object, chrome: Object…}
log(this.name);    //""

globalFn();
log(this.name);    //"window"

/*!
* 如果使用new方式实例化一个对象,则this不等于window,this指向function的实例;
*/
function Animal(){
    this.type="animal";
}
var animal0 = new Animal();
log(animal0);    //Animal {type: "animal"}
//animal0.song();  // Uncaught TypeError: undefined is not a function

/*!
* 使用prototype扩展方法,可以使用this获取到源对象的实例,私有字段无法通过原型链获取;
*/
Animal.prototype = {
    song:function(){
        console.log(this.type+" song...");
    }
}
var animal1 = new Animal();
log(animal1);    //Animal {type: "animal", song: function}

/*!
* 不管是直接引用function,还是实例化一个function，其返回的闭包函数里this都指向window;
*/
function outerFn(){
    var name = "outer";
    function innerFn(){
        log(this.name);
    }
    innerFn();
}
outerFn();//window

/*
function outerFn(){
    var name = "outer";
    function innerFn(){
        log(this.name);
    }
    return innerFn;
}
var outer = new outerFn();
outer();//window;
*/