重学前端

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

2019-04-25  本文已影响0人  ChangLau

基本类型

五种基本类型: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
上一篇下一篇

猜你喜欢

热点阅读