美文网首页
js变量、数据类型及传递

js变量、数据类型及传递

作者: LoveBugs_King | 来源:发表于2019-05-15 22:30 被阅读0次

变量:JS的变量为松散类型(即可以用来保存任何类型的数据),换句话说,每个变量仅仅是一个用于保存值的占位符而已。它由变量名和变量值组成,变量名是字符串类型,变量值不会是一个对象,而是储存在栈中一个固定值,引用类型储存的是一个堆内存中的地址。

基本类型值:在将一个保存着原始值的变量复制给另一个变量时,会将原始值的副本赋值给新变量,从此以后两个变量时完全独立的,他们只是拥有相同的value而已。

引用类型值:在将一个保存着对象内存地址的变量复制给另一个变量时,会把这个内存地址赋值给新变量,他们都指向堆内存中同一个对象,他们中任何一个改变都会反映在另一个身上(复制对象时并不会在堆内存中新生成一个一摸一样的对象,只是多了一个保存指向这个对象指针的变量罢了)

形参(parameter)变量只有在被调用时才分配内存单元,调用结束,即可释放所分配的内存单元,因此形参只在函数内部有效。

实参(arguments)可以是常量、变量、表达式、函数等,无论何种类型的量,在进行函数调用时,他们都必须有确定的值,以便把这些参数传送给形参。

        EMCAScript规定在调用函数时,可传入任意数量,任意类型的参数,可以不跟函数定义时传入的形参数量相对应。为什么会这样呢?

        原因就是,EMACAScript中的参数在内部是用一个数组来表示的函数接收的始终是这个数组而不关心包含哪些参数。而且,在函数体内也可以通过arguments这个对象来访问这个参数数组,从而获取传递给函数的每一个参数。(arguments就是一个对象--函数的一个内部对象,和this一样。)因此arguments看起来就像一个类数组了。可以用arguments[n]来访问各个位置的元素了.

        函数内部,有两个特殊对象:argumentsthis。arguments是一个类数组对象,包含着传入函数中的所有参数。该对象有一个属性callee,该属性是一个指针,指向拥有这个arguments对象的函数。与callee属性对应的就是caller属性,arguments对象也拥有caller属性,即:arguments.caller。但在严格模式下访问它会报错,而在非严格模式下这个属性始终是undefined。该属性主要就是为了分清arguments.caller和函数的caller属性。函数的caller属性指向调用该函数的外部函数

按值传递:函数的形参是被调用时所传实参的副本,修改形参的值并不影响实参。(js基本类型(undefined、null、boolean、number、string)都是按值传递的,每次都需要克隆副本,对一些复杂类型,性能较低)

按引用传递: 函数的形参接受实参的隐式引用,不再是实参的副本,函数形参的值被修改,实参也会被修改。(js对象类型(function、array、date),也叫引用类型) 引用类型在做为参数传递时是按共享传递的

共享传递:调用函数参数时,函数接受对象实参引用的副本(既不是按值传递的对象副本,也不是按引用传递的隐式引用,和按引用传递的区别:在调用函数传递引用类型的参数时,传递的是对象引用的副本,但是这个对象引用的副本原对象引用指向的是同一个地方(即该对象在内存中存放的地址)),在共享传递中对函数形参的赋值,不会影响实参的值。

var foo = {name:'foo'};

function test(o){

o.name='test';

o={name:'bar'} }

test(foo);

console.log(foo);

//打印结果为:Object {name: "test"}  

以上解释其实不是本质,我们继续。

其实ECAMScript中所有函数都是按值传递的,在涉及到基本类型与引用类型时有区别是 内存分配不同 造成的。(这里和变量复制时遵循的机制完全一样,可以简单理解传递参数时,就是把实参复制给形参的过程)

声明变量时不同的内存分配:基本类型值,储存在栈(stack)中的简单数据段,他们的值直接储存在变量访问的位置,他们占据的空间是固定的,所以将他们储存在较小的内存区域-栈中,这样储存便于迅速查找变量的值。引用值:储存在堆(heap)中的对象,放在变量的栈空间中的值是该对象储存在堆中的地址(一个指针),大小固定指向储存对象的内存地址,引用对象值大小会改变,所以不能把它放在栈中,否则会降低变量查询速度。

js中是不允许直接访问保存在堆内存中的对象的,所以在访问一个对象时,首先得到这个对象在堆内存中地址,然后再按这个地址去获得这个对象中的值,这就是传说中的引用访问,而基本类型值时可以直接访问到的。

如果按引用传递的话,是变量把它里面的值传递(复制)给了参数,这个参数也指向了原对象,如果在函数内部把这个参数赋值另一个对象时,这个参数就会更改它的值为新的内存地址指向的新对象,此时原来的变量仍指向原来的对象,这时他们相互独立;但如果这个参数改变对象内部的属性的话,这个改变会体现在外部,因为他们共同指向的这个对象被修改了。这也就是上面所说的按值传递和共享传递的区别

2017,8.24 二次理解:

js中所有类型都是按值传递的(传递的是栈中的内容),因为声明变量时不同方式的内存分配(基本类型 储存在栈中;引用类型值 储存在堆中,栈中储存 引用地址)。所以基本类型 按值传递的是 栈中的直接值,而引用类型 按值传递的是 栈中的 引用地址。

共享传递的意思是:你外部一个对象传到函数里做为一个参数,这个参数是和原对象一样,是指向堆中值的 一个地址,你在函数的这个参数中修改参数的属性是会影响到外部对象的,但你要是把这个参数再赋予一个新对象,这个参数在这个时候及之后都是 指向另一个堆中值的 一个地址,而这之前的这个参数(可能参数名字一样)仍是指向 原堆中值的 一个地址。

相关文章

  • js变量、数据类型及传递

    变量:JS的变量为松散类型(即可以用来保存任何类型的数据),换句话说,每个变量仅仅是一个用于保存值的占位符而已。它...

  • 你所不知道的javaScript

    一、变量类型 1.JS 的数据类型分类 根据 JavaScript 中的变量类型传递方式,分为基本数据类型和引用数...

  • javascript面试题

    1. JS 有哪些数据类型? 根据 JavaScript 中的变量类型传递方式,分为基本数据类型和引用数据类型两大...

  • 前端资料

    ES6新数据类型 Symbol . js变量提升函数提升 js this js 原型及原型链理解 new做了什么 ...

  • 3小时入门javascript

    JS基本数据类型及变量声明在js中有三种声明变量的方式:var let const,let var const的区...

  • JS第三次准备

    你觉得js是一门怎样的语言,它与你学过的其他语言有什么不同 变量类型 js如何判断变量数据类型 dom节点获取,及...

  • Node

    js 中什么类型是引用传递, 什么类型是值传递? 如何将值类型的变量以引用的方式传递? 一般情况下,简单数据类型是...

  • js面试题

    1、js 数据类型 基本数据类型 引用数据类型 2、js 变量和函数声明的提升 在js中变量和函数的声明会提升到最...

  • 原生js

    原生JS学习笔记1——基本数据类型和运算符 js的背景知识介绍,js的引入方式,js的变量及运算符 原生JS学习笔...

  • JavaScript 大纲

    js 语法基础 JavaScript 介绍 js 输出 注释 变量,变量声明提升,全局变量,常量 7 大数据类型 ...

网友评论

      本文标题:js变量、数据类型及传递

      本文链接:https://www.haomeiwen.com/subject/ctkjiftx.html