javascript知识点

Array.prototype.slice.call(arguments)应用

Array.prototype.slice.call(arguments)能将具有length属性的对象转成数组

var a={length:2,0:'first',1:'second'};
Array.prototype.slice.call(a);//  ["first","second"] 
var a={length:2};
Array.prototype.slice.call(a);//  [undefined, undefined]

可能刚开始学习js的童鞋并不是很能理解这句为什么能实现这样的功能。比如我就是一个，所以，来探究一下。

首先，slice有两个用法，一个是String.slice,一个是Array.slice，第一个返回的是字符串，第二个返回的是数组，这里我们看第2个。
Array.prototype.slice.call(arguments)能够将arguments转成数组，那么就是arguments.toArray().slice();到这里，是不是就可以说Array.prototype.slice.call(arguments)的过程就是先将传入进来的第一个参数转为数组，再调用slice？
再看call的用法，如下例子

var a = function(){
     console.log(this);    // 'littledu'
     console.log(typeof this);      //  Object
     console.log(this instanceof String);    // true
}
a.call('littledu');

可以看出，call了后，就把当前函数推入所传参数的作用域中去了，不知道这样说对不对，但反正this就指向了所传进去的对象就肯定的了。
到这里，基本就差不多了，我们可以大胆猜一下slice的内部实现，如下

Array.prototype.slice = function(start,end){
     var result = new Array();
     start = start || 0;
     end = end || this.length; //this指向调用的对象，当用了call后，能够改变this的指向，也就是指向传进来的对象，这是关键
     for(var i = start; i < end; i++){
          result.push(this[i]);
     }
     return result;
}

大概就是这样吧，理解就行，不深究。
最后，附个转成数组的通用函数

var toArray = function(s){
    try{
        return Array.prototype.slice.call(s);
    } catch(e){
            var arr = [];
            for(var i = 0,len = s.length; i < len; i++){
                //arr.push(s[i]);
                   arr[i] = s[i];  //据说这样比push快
            }
             return arr;
    }
}

javascript的call和apply函数

每个JavaScript函数都会有很多附属的（attached）方法，包括toString()、call()以及apply()。听起来，你是否会感到奇怪，一个函数可能会有属于它自己的方法，但是记住，JavaScript中的每个函数都是一个对象。看一下 这篇文章 ，复习一下（refresher）JavaScript特性。你可能还想知道JavaScript中函数和方法的区别。我认为“函数”和“方法”的描述，仅仅是JavaScript的习惯约定而已。函数立足于它们自己（例如：alert()），而方法是函数内部一个对象的属性（dictionary）,我们通过对象来调用方法。每个JavaScript对象都有一个toString()方法，下面通过代码举例说明，在一个函数对象中，我们可以使用toString()方法。

function foo(){
 alert('x');
}
alert(foo.toString());

因为函数都是对象，它们有自己的属性和方法。我们可以把它们看作数据（data）。这篇文章，我们只关注两个函数的方法apply()以及call()。
我们从下面的代码开始

var x = 10;
function f(){
 alert(this.x);
}
f();

我们定义了一个全局函数f()。f()通过this关键字访问变量x，但是需要注意的是，我们不能通过一个对象的实例来调用这个函数。this指向的是什么对象呢？this会指向这个全局对象。我们的变量x就是在这个全局对象中定义的。上面的代码能够正常运行，运行结果会显示一个对话框，对话框中显示10。
我们可以通过this来调用call()和apply()。正如下面的例子展示如何使用call()：

var x = 10;
var o = { x : 15};
function f(){
 alert(this.x);
}
f();
f.call(o);

首先调用f()将会显示10的对话框，因为this这个时候指向的是全局对象。然后我们调用f函数的call()方法，传入的参数是o，运行结果显示的是o中x属性的值15。call()方法会用它的第一个参数作为f函数的this指针。也就是说，我们会告诉运行时，f函数中的this指向的是哪个对象。
this跳转听起来有些滑稽，甚至对于C++、Java以及C#程序员来说有些反常。这些都是ECMAScript中有趣的部分。
通过call()也可以给函数传递参数：

var x = 10;
var o = { x : 15};
function f(){
 alert(this.x);
}
f();
f.call(o);

apply()和call()类似的，只是apply()要求第二个参数必须是一个数组。这个数组会作为参数传递给目标函数。

var x = 10;
var o = {x : 15};
function f(message) {
 alert(message);
 alert(this.x);
}
f('invoking f');
f.apply(o, ['invoking f through apply']);

apply()方法是很有用的，因为我们可以创建一个函数而不用去关心目标方法的参数。这个函数可以通过apply()的第二个数组参数来传递额外的参数给方法。

var o = {x : 15};
function f1(message1) {
 alert(message1 + this.x);
}
function f2(message1, message2) {
 alert(message1 + (this.x * this.x) + message2);
}
function g(object, func, args) {
 func.apply(object, args);
}
g(o, f1, ['the value of x = ']);
g(o, f2, ['the value of x squared = ', '. Wow!']);

这样的语法有点问题。为了调用apply()方法，我们强制目标函数使用数组中的参数。幸运的是，有一个方法可以让这种语法更简单。在此之前，我们必须先介绍一个：参数标识符。
在JavaScript中，其实每个函数都有一个可变长度的参数列表。这意味着，即使一个函数只有一个参数的时候，我们也可以传递5个参数给它。下面的代码不会有错误，而且结果显示的是“H”。

function f(message) {
 alert(message);
}
f('H', 'e', 'l', 'l', 'o');

在f()中，如果我们不想去接受其他的参数，我们可以用关键字arguments。arguments代表一个参数对象，它有一个代表长度的属性类似于数组。

function f(message) {
 // message的值和arguments[0]是一样的
 for(var i = 1; i < arguments.length; i++){
  message += arguments[i];
 }
 alert(message);
}
// 结果显示“Hello”
f('H', 'e', 'l', 'l', 'o');

你应该知道，严格来讲，arguments不是一个数组。arguments有一个length属性，但是没有split、push、pop方法。在前面的g()函数中，我们可以从arguments中拷贝需要的参数，组成数组，然后把这个数组传递给apply()。

var o = {x : 15};
function f(message1, message2) {
 alert(message1 + ( this.x * this.x) + message2);
}
function g(object, func) {
 // arguments[0] = object
 // arguments[1] = func
 var args = [];
 for(var i = 2; i < arguments.length; i++) {
  args.push(arguments[i]);
 }
 func.apply(object, args);
}
g(o, f, 'The value of x squared = ', '. Wow!');

javascript逻辑运算符”||”和”\&\&”

一、先来说说||（逻辑或）,从字面上来说，只有前后都是false的时候才返回false，否则返回true。

alert(true||false);    // true
alert(false||true);    // true
alert(true||true);        // true
alert(false||false);    // false

但是，从深层意义上来说的话，却有另一番天地，试下面代码

alert(0||1);

显然，我们知道，前面0意味着false,而后面1意味着true,那么上面的结果应该是true,而事实返回的结果是1。再看下面代码：

alert(2||1);

我们知道，前面2是true,后面1也是true,那返回结果又是什么呢？测试结果是2,继续看：

alert('a'||1);

同样，前面’a’是true，后面1也是true;测试结果是’a’,下面

alert(''||1);

由上，我们知道前面’’是false,后面1是true,而返回结果是1。再看下面

alert('a'||0);

前面’a’是true，而后面0是false,返回结果是’a’，继续下面

alert('a'||'b');

前面’a’是true,后面’b’是false,返回结果是’a’，我们继续下面

alert(''||0);

前面’’是false,后面0同样是false,返回结果是0

alert(0||'');

前面0是false，后面’’是false，返回结果是’’
这就意味

1、只要“||”前面为false,不管“||”后面是true还是false，都返回“||”后面的值。

2、只要“||”前面为true,不管“||”后面是true还是false，都返回“||”前面的值。
二、下面说说&&（逻辑与）,从字面上来说，只有前后都是true的时候才返回true，否则返回false。

alert(true&&false);    // false
alert(true&&true);    // true
alert(false&&false);    // false
alert(false&&true);    // false

然后，根据上面经验，我们看看“&&”号前后，不单单是布尔类型的情况。

alert(''&&1);

结是返回’’,“&&”前面’’是false,后面是1是true。

alert(''&&0);

结是返回’’,“&&”前面’’是false,后面是0也是false。

alert('a'&&1);

结是返回1,“&&”前面’’a是true,后面是1也是true。

alert('a'&&0);

结是返回0,“&&”前面’’a是true,后面是0是false。

alert('a'&&'');

结是返回’’,“&&”前面’’a是true,后面是’’是false。

alert(0&&'a');

结是返回0,“&&”前面’’0是false,后面是’a’是true。

alert(0&&'');

结是返回0,“&&”前面’’0是false,后面是’’也是false。
这意味着

1、只要“&&”前面是false，无论“&&”后面是true还是false，结果都将返“&&”前面的值;
2、只要“&&”前面是true，无论“&&”后面是true还是false，结果都将返“&&”后面的值;
让我们总结一下：
1、只要“||”前面为false，无论“||”后面是true还是false，结果都返回“||”后面的值。
2、只要“||”前面为true，无论“||”后面是true还是false，结果都返回“||”前面的值。
3、只要“&&”前面是false，无论“&&”后面是true还是false，结果都将返“&&”前面的值;
4、只要“&&”前面是true，无论“&&”后面是true还是false，结果都将返“&&”后面的值;
由上两个测试可知，逻辑运算符，“||”和“&&”都是遵行短路原则，只要确定符号前面的真假，既可确定返回值。
需要说明的是“&&”的优先级是高于“||”的，下面测试：

alert(1||'a'&&2);

返回结果是1。
根据反证原理，我们假设“||”的优先级不低于“&&”（这里只所以用“不低于”，是为了同时证明等级相同的情况）。
根据上面我们得出的结论（1），（1||’a’）将返回前面的值1，(1&&2)根据结论(4)应该返回后面的值2。这显然不对，由此可知“&&”的优先级是高于“||”的。

javascript splice()方法

splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目。

<script type="text/javascript">

var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"

document.write(arr + "<br />")
arr.splice(2,0,"William")
document.write(arr + "<br />")

</script>

输出:

George,John,Thomas,James,Adrew,Martin
George,John,William,Thomas,James,Adrew,Martin