数据类型
Symbol
- Symbol是一种基本数据类型
- Symbol是原始值
示例
//1. Number(任意)=>原始值 2. new Number(任意)=>对象
const n1 = Number(100)
const n111 = Number(100)
console.log(n1=== n111);//
// const n2 = Number()
// console.log(n2);
// const n3 = Number(Infinity)
// console.log(n3);
// const n4 = Number(NaN)
// console.log(n4);
// const n5 = Number('100')
// console.log(n5);
// const n6 = Number('abc')
// console.log(n6);
// const n7 = Number({x:1})
// console.log(n7);
// const n8 = Number([])
// console.log(n8);
//1.String(任意) =>原始值 2.new String(任意) =>对象
const str1 = String('hello')
const str2 = String('hello')
console.log(str1 === str2);//true
//Symbol(字符串) 返回⼀个具有唯⼀性的标识符
const sym1 = Symbol()
const sym2 = Symbol()
console.log(sym1 === sym2);//false
// const sym3 = new Symbol() //报错
const sym3 = Symbol()
const sym4 = Symbol()
const obj = {
x:1,
y:10,
[sym3]: 'hello',
[sym4]: 'world'
}
console.log(obj[sym3]);
console.log(obj[sym4]);
BigInt
含义：BigInt表示任意大的整数。
语法
//字⾯法定义bigint
const bi1 = 10000000000n
//内置函数法
const bi2 = BigInt(1000000);//1000000n
const bi2 = BigInt('1000000');//1000000n
用法
- 1.symbol之间可以做运算
- 2.不可以使用math方法
- 3.不能和number混合运算
- 4.bigint可以和number做比较
示例
//BigInt表示任意⼤的整数
const b1 = -10n
const b2 = BigInt(20)
console.log(b2);//20n
console.log(b1 + b2);//30n①可以做symbol运算
console.log(typeof b1);//bigint
//console.log(Math.abs(b1));//②不可以使⽤math⽅法
// console.log(b2 + 20);//③不能和number混合运算
console.log(20n === 20);
console.log(20n == 20);//④bigint可以和number做⽐较
const bi1 = bigInt(100n)
const bi2 = BigInt(100)
const bi3 = BigInt(100n)
const bi7 = BigInt('100')
const bi4 = bigInt(100)
const bi5 = bigInt('100')
const bi6 = BigInt('100n')
对象的方法
Object.getPrototypeOf()
定义：方法返回指定对象的原型（内部[[Prototype]]属性的值）。
语法
Object.getPrototypeOf(object)
返回值
给定对象的原型。如果没有继承属性，则返回null。
示例
var proto = {};
var obj = Object.create(proto);
Object.getPrototypeOf(obj) === proto; // true
var reg = /a/;
Object.getPrototypeOf(reg) === RegExp.prototype; // true
-
Object.keys()
- 该方法返回一个数组
- 该数组包含给定对象的自身可枚举属性名
- 自身属性
- 可枚举属性
key是什么
const obj = {
key: value
}
- key：属性名
- Value：属性值
示例
//Object.keys()
const obj = {
x:1,
y:2
}
//在obj的原型对象身上添加⼀个z:3
obj.__proto__.z = 3 //⾮标准⽅法
Object.getPrototypeOf(obj).w = 4//可以拿到obj的原型对象
console.log(obj.__proto__);
//可枚举属性：字⾯量法创建的对象属性都是可枚举的。
//⾃身属性：直接定义在对象上的属性就是⾃身属性。与继承属性对应
示例
//Object.keys()
const obj = {
x:1,
y:2
}
obj.o = 5
obj.__proto__.z = 3
Object.getPrototypeOf(obj).w = 4
const arr = Object.keys(obj)
console.log(arr);
Object.values()
- 该方法返回一个数组
- 该数组包含给定的自身可枚举属性值
示例
//Object.values()
const obj = {
x:1,
y:2
}
obj.o = 5
obj.__proto__.z = 3
Object.getPrototypeOf(obj).w = 4
const arr = Object.values(obj)
console.log(arr);
-
Object.entries()
- 该方法返回一个数组
- 该数组包含给定对象的自身可枚举属性名和属性值
Object.hasOwnproperty()
定义：检测一个属性是否是自身属性
返回值：布尔值
- true：表示该属性是对象自身属性
- False：表示该属性不是对象的自身属性
语法
obj.hasOwnproperty(prop)
对象.hasOwnProperty(属性名)
示例
//Object.hasOwnProperty()检查的⼀个属性是否是⾃身属性
const obj = {
x:1,
y:2
}
obj.o = 5
obj.__proto__.z = 3
Object.getPrototypeOf(obj).w = 4
//语法：对象.hasOwnProperty(属性名)
const r1 = obj.hasOwnProperty('o')//true
const r2 = obj.hasOwnProperty('w')//false
console.log(r1,r2);
Object.prototype.propertylsEnumerable()
定义：该方法用于检测自身属性是否可枚举。
返回值：布尔值
- true
- false
语法
obj.propertyIsEnumerable(prop)
示例
//obj.propertyIsEnumerable(prop)
const obj = {
x:1,
y:2,
z:3,
}
//请把y改成不可枚举 > 修改enumerable属性 > Object.defineProperty()
Object.defineProperty(obj,'y',{
enumerable:false
})
const r1 = obj.propertyIsEnumerable('x')
const r2 = obj.propertyIsEnumerable('y')
console.log(r1,r2);
对象的拷贝
示例：把obj2的属性复制到obj1里面
const obj1 = {x:1}
const obj2 = {y:2,z:3}
//过程
console.log(obj1) //输出{x:1,y:2,z:3}
-
Object.assign()
定义：object.assign()方法将所有可枚举属性从一个对象复制到另一个对象。
返回值：修改后的对象
语法
object.assign(obj1,obj2)
- obj1：目标对象
- obj2：源对象
示例
const obj1 = { x: 1,y:5}
const obj2 = { y: 2, z: 3 }
obj2.__proto__.w = 4
Object.assign(obj1,obj2)
console.log(obj1) //输出{x:1,y:2,z:3}
总结
七个方法
复制对象属性的三种方法的区别
加深了对for...in的理解
-
如何为字面量对象的原型添加属性
__proto__- Object.getPrototypeOf()
-
什么是自身属性和继承属性
- 定义的对象原型上的属性是继承属性
- 直接定义在对象上的属性是自身属性
复习了如何修改对象的可枚举属性
