跳至主要内容

博文

目前显示的是 八月, 2017的博文

Javascript | 从swap函数思考js中的参数传递

事情是这样的,有一天,林逍遥同学在学js的时候,想要用js写一个swap函数,她是这么写的: 但是结果输出来之后,她发现事情并没有这么简单:a还是等于1,b还是等于2. 她赶紧翻了一下《Javascript高级程序设计》,发现里面有一段话: ECMAScript中所有函数的参数都是按值传递的。  传递基本类型的值时,被传递是值会被复制给一个局部变量(即命名参数)。 传递引用类型的值时,会把这个值在内存中的地址复制给一个局部变量,因此这个局部变量的变化会反应在函数的外部。  原来如此,已知a,b是两个基本类型的变量,当把a,b传入swap函数的时候,会生成两个新的局部变量,分别存储a,b的值,也相当于它们的副本,虽然值跟a,b是一样的,但在内存中的地址却是不同的,所以在swap函数里面做的改变并不会影响a,b的值,也就谈不上交换了。 综上所述,不可能写一个swap函数来交换两个基本类型的值。 不过对于引用类型的值(数组,对象),却是可以通过函数改变它们的值的。 当把person复制给xy时,同样也会把存储在person中的值复制一份给xy,不过,person存储的值并不是一个对象,而是这个对象的地址(也就是指针),因此复制的其实是地址值。复制操作结束后,person和xy将指向内存中的同一个地址。 所以在xy上做的改变。也会反映到person上面。 同样地,在传递参数的时候,相当于临时创建了一个局部变量,把person的地址也复制给了这个局部变量,因此在函数内部做的改变会反应到person上。 但是,在函数中对参数赋新值,不会影响到函数外部。 给参数赋值一个新的对象,相当于把参数指向另一块地址,所以不会对person产生影响。 总结:js中参数的传递都是按值传递,不过基本类型变量传递的是变量值,引用类型变量传递的是地址。 题外话:如何用一句话代码交换a,b的值? b={x:a,y:(a=b)}.x; js文化真是博大精深哪!

Javascript | Javascript中的this关键字

先来看一段代码: 第一个问题,为什么this.arg是undefined? 因为this指向的是调用该函数的对象,而不是函数。无论在window或者对象o中,都没有定义arg这个变量。 在严格模式下运行这个函数,会 出现Uncaught TypeError: Cannot read property 'arg' of undefined错误。  第二个问题,为什么第一个this是指向window,第二个是Object?我们知道js中,函数调用有4种方式: fn()  obj.fn()  fn.call(obj)和foo.apply(obj)  new  fn()  fn(a) 相当于 fn.call(undefined)  本来在这种调用模式下,打印出的this应该是undefined才对,但是在浏览器中有一条规定: 如果你传的 context 不是一个对象,那么 window 对象就是默认的 context。   (这条规则在 Node.js 和 strict 模式下会稍微不一样,不过那不是我们现在要讨论的) 所以上面的例子中第一个this打印出来是window。 obj.fn(a) 相当于 fn.call(obj) 因此在这种情况下,fn的this参数绑定的是对象obj。 因此第二个this打印出来是Object,即对象o。 fn.call(obj) 不用说,绑定的就是obj。 new fn()  绑定的就是新创建的对象。 理解这四种情况之后,就不会对this感到迷茫了。 当你不知道this指向哪个对象时,就把函数转化为function.call()的方式。 最后再来一个例子: 知道为什么this指向window,为什么getAge()返回的是NaN了吧?