美文网首页重学前端
7.基本类型和引用类型的值

7.基本类型和引用类型的值

作者: ChangLau | 来源:发表于2019-04-25 19:23 被阅读0次

基本类型

五种基本类型:Undefined、Null、Boolean、String、Number

这五种基本类型的值是按值访问的,因为可以操作保存在变量中的值

引用类型

操作对象时,实际操作的时对象的引用,而不是实际的对象

动态属性

引用类型的值,可以动态为其添加属性和方法

var person = new Object()
person.name = 'ChangLau' // 动态添加属性
console.log(person.name) // ChangLau

基本类型的值不能够添加属性和方法

var name = "ChangLau"
name.age = 26
console.log(name.age) // undefined

复制变量值

基本类型

复制基本类型的值,会在变量对象上创建一个新值,然后将该值复制到为新变量分配的位置上。(复制真正的值)

var num1 = 5
var num2 = num1
console.log(num1, num2)
image
引用类型

复制引用类型的值,实际上复制的是保存在变量中的地址(指针),指针指向堆内存中的对象。复制结束后,两个变量实际上引用的是同一个对象,所以操作其中一个对象,会影响另一个对象。

var obj1 = new Object()
obj1.name = 'ChangLau'
var obj2 = obj1
console.log(obj1.name, obj2.name) // ChangLau ChangLau
obj2.name = 'Donbad'
console.log(obj1.name, obj2.name) // Donbad Donbad
image

传递参数

所有函数的参数都是按值传递,函数值的传递跟变量的复制一样。

传递的参数为基本类型时,被传递的值会复制给一个局部变量

function add(num){
    num += 10
    return num
}
var count = 10
var result = add(count)
console.log(count) // 10
console.log(result) // 20

传递的参数为引用类型时,会把传递值在内存中的地址复制给一个局部变量

function setName(obj){
    obj.name = "Nicholas"
}
var person = new Object()
setName(person)
console.log(person.name) // "Nicholas"

函数的参数可以想象为局部变量

检测类型

typeof 用于检测基本类型,String、Number、Boolean、Undefined。

typeof "String" // "string"
typeof 12 // "number"
typeof true // "boolean"
typeof undefined // "undefined"

typeof 用于检测引用类型或 null,返回的都是 object,不能具体确定是什么类型的对象,通过使用 instanceof 操作符,如果变量是给定引用类型的实例,则返回 true

function Person(){}
var p = new Person()
p instanceof Person // true p对象是Person类型的实例
p instanceof Object // true 所有的对象都继承Object,所以位于p对象的原型链上
null instanceof Person // false
null instanceof Object // false

var a = [1,2,3]
a instanceof Object // true
a instanceof Array // true

相关文章

  • 基本类型值和引用类型值

    JavaScript变量可以用来保存两种类型的值:基本类型值和引用类型值。 *引用类型包括: 基本类型值和引用类型...

  • JS 作用域及变量值的引用

    基本类型和引用类型的值 JavaScript 变量可以用来保存两种类型的值:基本类型值和引用类型值。基本类型值源自...

  • 深入理解浅拷贝和深拷贝

    前言 基本类型和引用类型 ECMAScript变量可能包含两种不同数据类型的值:基本类型值和引用类型值。基本类型值...

  • JavaScript 高级程序设计学习笔记5——变量、作用域和内

    一、基本类型和引用类型 ECMAScript 变量可能包含两种不同数据类型的值:基本类型值和引用类型值。基本类型值...

  • 2、变量、作用域和内存问题(JS高级笔记)

    一、基本类型和引用类型的值 ECMAScript变量可能包含两种不同数据类型的值:基本类型值和引用类型值。基本类型...

  • 变量、作用域和内存问题

    1.1 基本类型和引用类型的值 ECMAScript变量可能包含两种不同数据类型的值:基本类型值和引用类型值。基本...

  • 变量、作用域和内存问题

    1. 基本类型值和引用类型的值 JavaScript变量可以用来保存两种类型的值:基本类型值和引用类型的值。 基本...

  • JS引用类型与对象拷贝

    基本类型和引用类型# ECMAScript包含两种不同的数据类型:基本类型值和引用类型值; 基本类型值指的是保存在...

  • 变量及作用域

    1.基本类型和引用类型的值 ECMAScript 变量可能包含两种不同的数据类型的值:基本类型值和引用类型值。基本...

  • 引用类型对象拷贝

    1.引用类型有哪些?非引用类型有哪些 JavaScript数据分为基本类型值和引用类型值基本类型值(数值、布尔值、...

网友评论

    本文标题:7.基本类型和引用类型的值

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