www.qiangui777.com > 中国足球 > 深深领会JavaScript,回看一下那会儿中国足球的辛

原标题:深深领会JavaScript,回看一下那会儿中国足球的辛

浏览次数:149 时间:2019-07-11

这是当年国足的一次反击,经过9次传递后,最后大禁区内一记狮子甩头攻破了韩国队的球门!整个过程行云流水,通过快速传递,迅速的将球送进了对方大门!!真犀利呀!!!

定义
ECMAScript中所有函数的参数都是按值传递的。

本文实例讲述了JS引用传递与值传递的区别与用法。分享给大家供大家参考,具体如下:

图片 1

什么是按值传递呢?

这里详细解释JS值传递和引用传递以及二者的区别。

也就是说,把函数外部的值复制给函数内部的参数,就和把值从一个变量复制到另一个变量一样。

我们先来解释一下这两个的基本概念吧。

按值传递

函数调用中,传递是一个数值,我们称为 “值传递”。
函数调用中,传递是对象,一般称为 “引用传递”。

举个简单的例子:

现在这里总体上说明,这二者的本质区别就在于传递的数据类型不一样,值传递传递的是一个值,而引用传递传递的是一个对象。

var value = 1;
function foo(v) {
  v = 2;
  console.log(v); //2
}
foo(value);
console.log(value) // 1

看一下代码以及代码中的注释。

很好理解,当传递 value 到函数 foo 中,相当于拷贝了一份 value,假设拷贝的这份叫 _value,函数中修改的都是 _value 的值,而不会影响原来的 value 值。

一、引入

引用传递

function func(a)
{
  a  ;
}
// 因为函数都没有调用,所以找不到 a
console.log(a);
//结果明显是undefined了。
//所以看下面两个例子。

拷贝虽然很好理解,但是当值是一个复杂的数据结构的时候,拷贝就会产生性能上的问题。

二、值传递

所以还有另一种传递方式叫做按引用传递。

var a = 5;
function func(a)
{
  // 函数中开辟了一个空间 a == 5
  // a==6
  a  ;
}
func(5);
// 结果,函数没有改变到 外部 a 的值,所以,结果是 5
console.log(a);
// 函数调用中,传递是一个数值,我们称为 “值传递”
// 特点: 有多个不同的空间,空间都是在栈中的
//    所以 修改函数中的空间,对外部空间是没有影响的

所谓按引用传递,就是传递对象的引用,函数内部对参数的任何改变都会影响该对象的值,因为两者引用的是同一个对象。

三、引用传递

举个例子:

var a = 5;
function func()
{
  // 开辟函数 的空间
  // 函数中没有 a 的空间
  // 所以,系统会自动向外面搜索
  // 这里是对外部的变量进行修改
  a  ;
}
func(5);
// 因为函数中修改了外部的变量 a,所以,值发生改变了,是 6
console.log(a);
// 函数调用中,传递是对象,一般称为 “引用传递”
// 特点: 实在存数据的空间只有一份
var obj = {
  value: 1
};
function foo(o) {
  o.value = 2;
  console.log(o.value); //2
}
foo(obj);
console.log(obj.value) // 2

详细的说明我都在代码中注释说明了,欢迎指点指点指正。

哎,不对啊,连我们的红宝书都说了 ECMAScript 中所有函数的参数都是按值传递的,这怎么能按引用传递成功呢?

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

而这究竟是不是引用传递呢?

希望本文所述对大家JavaScript程序设计有所帮助。

第三种传递方式

您可能感兴趣的文章:

  • JS是按值传递还是按引用传递
  • JavaScript传递变量: 值传递?引用传递?
  • 深入浅析JS是按值传递还是按引用传递(推荐)
  • 浅谈JavaScript 函数参数传递到底是值传递还是引用传递
  • JavaScript中的值是按值传递还是按引用传递问题探讨
  • JavaScript对象参数的引用传递
  • 深入理解JavaScript 参数按值传递
  • 如何将JS的变量值传递给ASP变量
  • JSP与JS交互问题 值传递
  • 详解js界面跳转与值传递

不急,让我们再看个例子:

var obj = {
  value: 1
};
function foo(o) {
  o = 2;
  console.log(o); //2
}
foo(obj);
console.log(obj.value) // 1

如果 JavaScript 采用的是引用传递,外层的值也会被修改呐,这怎么又没被改呢?所以真的不是引用传递吗?

这就要讲到其实还有第三种传递方式,叫按共享传递。

而共享传递是指,在传递对象的时候,传递对象的引用的副本。

注意: 按引用传递是传递对象的引用,而按共享传递是传递对象的引用的副本!

所以修改 o.value,可以通过引用找到原值,但是直接修改 o,并不会修改原值。所以第二个和第三个例子其实都是按共享传递。

最后,你可以这样理解:

参数如果是基本类型是按值传递,如果是引用类型按共享传递。

但是因为拷贝副本也是一种值的拷贝,所以在高程中也直接认为是按值传递了。

所以,高程,谁叫你是红宝书嘞!

深入系列

JavaScript深入系列目录地址: 。

JavaScript深入系列预计写十五篇左右,旨在帮大家捋顺JavaScript底层知识,重点讲解如原型、作用域、执行上下文、变量对象、this、闭包、按值传递、call、apply、bind、new、继承等难点概念。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

您可能感兴趣的文章:

  • JS是按值传递还是按引用传递
  • JavaScript传递变量: 值传递?引用传递?
  • 深入浅析JS是按值传递还是按引用传递(推荐)
  • 浅谈JavaScript 函数参数传递到底是值传递还是引用传递
  • JavaScript中的值是按值传递还是按引用传递问题探讨
  • JavaScript对象参数的引用传递
  • 如何将JS的变量值传递给ASP变量
  • JSP与JS交互问题 值传递
  • 详解js界面跳转与值传递
  • JS引用传递与值传递的区别与用法分析

本文由www.qiangui777.com发布于中国足球,转载请注明出处:深深领会JavaScript,回看一下那会儿中国足球的辛

关键词: www.qiangui7

上一篇:专访聂卫平,不是卡帅不行是球员不行中国足球

下一篇:没有了