// Object 构造函数的属性:
Object.prototype//可以为所有 Object 类型的对象添加属性 class A extends B{
constructor(){
super();
}
} // Object 构造函数的方法: //Object.assign(目标对象, 要复制的对象)//通过复制一个或多个对象来创建一个新的对象
//方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。
//不会拷贝目标对象的继承对象(不会拷贝prototype属性)
//返回 目标对象 //Object.create()
//使用指定的原型对象和属性创建一个新对象
//Object.create()方法会继承指定的原型对象的属性和方法去创建一个新的对象。
//该方法接收两个参数,其中第一个参数是这个新创建的对象的原型,
//第二个是可选参数,与Object.definePropertperties()方法的第二个参数格式相同。 //defineProperty(要在其上定义属性的对象, 要定义或修改的属性的名称, 将被定义或修改的属性描述符);
{
//方法会直接在一个对象上定义一个新属性,或者修改一个对象的现有属性, 并返回这个对象!
//属性描述符:描述符必须是这两种形式之一;不能同时是两者
//数据描述符()/存储描述符(存取描述符)(作用于 get set 的描述符)
// configurable enumerable value writable get set //数据描述符: Yes Yes Yes Yes No No //存储描述符: Yes Yes No No Yes Yes //数据描述符 默认值:
//value : 1,
//writable : true,
//configurable : true,
//enumerable : true //存储描述符 默认值:
//value : 1,
//writable : false,
//configurable : false,
//enumerable : false
// 例:
class MyName{
constructor(){
//super();
this.name = 'n';
}
}
let myname = new MyName(); Object.defineProperty(myname, 'name', {
configurable:false,//false不可被配置,删除, 但可以配置 writable和value,默认值为true
enumerable:false,//flase为不能被递归,默认值为true
writable:false,//flase属性的值为:不可写,只读,默认值为true
value:'lizi' //修改对象属性的默认值(数值,对象,函数等)
}); //例 修改prototype属性
function myclass() {
}
var value;
Object.defineProperty(myclass.prototype, "x", {
get() {
return value;
},
set(x) {
value = x;
}
}); var a = new myclass();
var b = new myclass();
a.x = 1;
console.log(a.x);//
console.log(b.x); // //例 自存档 日志 1
function Archiver() {
var temperature = null;
var archive = []; Object.defineProperty(this, 'temperature', {
get: function() {
console.log('get!');
return temperature;
},
set: function(value) {
temperature = value;
archive.push({ val: temperature });
}
}); this.getArchive = function() { return archive; };
} var arc = new Archiver();
arc.temperature; // 'get!'
arc.temperature = 11;
arc.temperature = 13;
arc.getArchive(); // [{ val: 11 }, { val: 13 }] //例 自存档 日志 2
var pattern = {
get: function () {
return 'I alway return this string,whatever you have assigned';
},
set: function () {
this.myname = 'this is my name string';
}
}; function TestDefineSetAndGet() {
Object.defineProperty(this, 'myproperty', pattern);
} var instance = new TestDefineSetAndGet();
instance.myproperty = 'test'; // 'I alway return this string,whatever you have assigned'
console.log(instance.myproperty);
// 'this is my name string'
console.log(instance.myname);//继承属性
} //defineProperties(obj, 将被定义或修改的属性描述符)(在其上定义或修改属性的对象, );
{
//多条修改(给对象添加多个属性并分别指定它们的配置)
//例:要定义其可枚举属性或修改的属性描述符的对象
var obj = {};
Object.defineProperties(obj, {
'property1': {
value: true,
writable: true
},
'property2': {
value: 'Hello',
writable: false
}
});
} //Object.entries(obj);//返回给定对象自身可枚举属性的 [key, value] 数组
{
//for in 区别:Object.entries 不会枚举原型链上的属性
//例1
const obj = { foo: 'bar', baz: 42 };
console.log(Object.entries(obj)); // [ ['foo', 'bar'], ['baz', 42] ] //例2
for (let [key, value] of Object.entries(obj)) {
console.log(`${key}: ${value}`);
}
//Object.values()//返回给定对象自身可枚举值的数组
//Object.keys()//返回一个包含所有给定对象自身可枚举属性名称的数组
} //Object.freeze(obj);//冻结目标对象 其他代码不能删除 或 更改任何属性
{
//Object.isFrozen(obj)//判断对象是否已经冻结
//冻结的对象:
//Object.freeze(obj)//作用于构造函数
//Object.freeze(obj.prototype)//作用于目标原型链
//不能添加属性;
//不能删除属性
//不能修改属性;
//不能重定义属性;
//返回和传入的参数相同的对象
//例
let obj = {
prop: 42,
config:{}
};
Object.freeze(obj);
obj.prop = 33;
console.log(obj.prop);//
obj.config.a = 1;
console.log(obj.config.a);//
} //Object.seal(obj)//防止其他代码删除对象的属性, 封闭一个对象(但属性的值仍然可以修改)
{
//Object.isSealed(obj);//判断是否是一个封闭对象
//密封的对象:
//不能添加新属性,
//不可配置属性。
//不能成为访问器属性
//不可删除,
//不能被重新定义
//不会影响从原型链上继承的属性。但 __proto__ ( ) 属性的值也会不能修改。
//返回被密封对象的引用。
//例
var obj = {
prop: function() {},
foo: 'bar'
};
var o = Object.seal(obj);
o === obj; // true
Object.isSealed(obj); //true
} //Object.preventExtensions(obj)//防止对象的任何扩展
{
//对象变得不能扩展,也就是永远不能再添加新的属性
//仅阻止添加自身的属性。但属性仍然可以添加到对象原型 //Object.isExtensible(obj) //判断一个对象是否是可扩展的(是否可以在它上面添加新的属性)
//默认情况下,对象是可扩展的:即可以为他们添加新的属性。以及它们的 __proto__ 属性可以被更改。
//Object.preventExtensions,Object.seal 或 Object.freeze 方法都可以标记一个对象为不可扩展(non-extensible)
//例
// 新对象默认是可扩展的.
var empty = {};
Object.isExtensible(empty); // === true
// ...可以变的不可扩展.
Object.preventExtensions(empty);
Object.isExtensible(empty); // === false
// 密封对象是不可扩展的.
var sealed = Object.seal({});
Object.isExtensible(sealed); // === false
// 冻结对象也是不可扩展.
var frozen = Object.freeze({});
Object.isExtensible(frozen); // === false
} //Object.getOwnPropertyDescriptor(需要查找的目标对象, 目标对象内属性名称); //返回属性特性配置
{
//方法返回指定对象上一个自有属性对应的属性描述符(自有属性:对象自身属性,不包括原型链, 属性描述符:属性配置)
//如果指定的属性存在于对象上,则返回其属性描述符对象(property descriptor),否则返回 undefined
//例
obj = { get foo() { return 17; } };
d = Object.getOwnPropertyDescriptor(obj, "foo");
// d {
// configurable: true,
// enumerable: true,
// get: /*the getter function*/,
// set: undefined
// } //Object.getOwnPropertyNames(obj)//方法返回一个由指定对象的所有自身属性的属性名(包括不可枚举属性但不包括Symbol值作为名称的属性)组成的数组。
//例
var arr = ["a", "b", "c"];
console.log(Object.getOwnPropertyNames(arr).sort()); // ["0", "1", "2", "length"]
} //Object.getOwnPropertySymbols(obj) 方法返回一个给定对象自身的所有 Symbol 属性的数组
{
//例
var obj = {};
var a = Symbol("a");
var b = Symbol.for("b");
obj[a] = "localSymbol";
obj[b] = "globalSymbol";
var objectSymbols = Object.getOwnPropertySymbols(obj); console.log(objectSymbols.length); //
console.log(objectSymbols) // [Symbol(a), Symbol(b)]
console.log(objectSymbols[0]) // Symbol(a)
} //Object.getPrototypeOf(obj) 方法返回指定对象的原型(内部[[Prototype]]属性的值)
{
//例
const prototype1 = {};
const object1 = Object.create(prototype1);
console.log(Object.getPrototypeOf(object1) === prototype1);// expected output: true
} //Object.is(value1, value2);//方法判断两个值是否是相同的值
{
//和传统的 == 运算不同,== 运算符会对它两边的操作数做隐式类型转换, Object.is 不会做这种类型转换
//这与 === 运算符的判定方式也不一样。=== 运算符(和== 运算符)将数字值 -0 和 +0 视为相等,并认为 Number.NaN 不等于 NaN
//例
Object.is('foo', 'foo'); // true
Object.is(window, window); // true
Object.is('foo', 'bar'); // false
Object.is([], []); // false
var foo = { a: 1 };
var bar = { a: 1 };
Object.is(foo, foo); // true
Object.is(foo, bar); // false
Object.is(null, null); // true
// 特例
Object.is(0, -0); // false
Object.is(0, +0); // true
Object.is(-0, -0); // true
Object.is(NaN, 0/0); // true
} //Object.setPrototypeOf() 方法设置一个指定的对象的原型 ( 即, 内部[[Prototype]]属性)到另一个对象或 null
// 该方法运行较慢,影响性能,不赞成使用 //get set :(给属性加把锁!)
{
// --------------------------------------------------------------------------例1
/* let myname = {
name : 'n',
age : undefined,
fun : function (){console.log(this);},
get name(){
console.log('this get');
return name;
},
set name(v){
console.log('this set');
name = v;
}
}; */ // -------------------------------------------------------------------------- 例2
/* function MyName(){
let name = 'n';//this.name === name;
let age = 1;
Object.defineProperty(this, 'age', {
get:function (){
console.log('this get');
return age;
},
set:function (v){
console.log('this set');
age = v;
} });
Object.defineProperties(this, {
name:{
get : function (){
console.log('this get');
return name;
},
set : function (v){
console.log('this set');
name = v;
}
}
});
}
let myname = new MyName(); */ // -------------------------------------------------------------------------- 例3
/* class MyName{
constructor(){
//super();
this.config = {name:'n'};
//this.name;
//this.color = 'red';
} get name() {
console.log('this get');
return this.config.name;
} set name(v) {
if(v){
console.log('this set');
this.config.name = v;
}
} }
let myname = new MyName(); */
} //Object 实例和 Object 原型对象
//继承: //属性: //Object.prototype.constructor
//返回创建实例对象的 Object 构造函数的引用。
//注意,此属性的值是对函数本身的引用,而不是一个包含函数名称的字符串。对原始类型来说,如1,true和"test",该值只可读
//例
var o = {};
o.constructor === Object; // true var o = new Object;
o.constructor === Object; // true var a = [];
a.constructor === Array; // true var a = new Array;
a.constructor === Array // true var n = new Number(3);
n.constructor === Number; // true //方法:
Object.prototype.isPrototypeOf()//返回一个布尔值,表示指定的对象是否在本对象的原型链中
object.prototype.hasOwnProperty(property)//返回一个布尔值 ,表示某个对象是否含有指定的属性,而且此属性非原型链继承的
Function.prototype.apply()//在一个对象的上下文中应用另一个对象的方法;参数能够以数组形式传入
Function.prototype.call()//在一个对象的上下文中应用另一个对象的方法;参数能够以列表形式传入

javascript 对象api的更多相关文章

  1. JavaScript 对象所有API解析【2020版】

    JavaScript 对象所有API解析[2020版] 写于 2019年08月20日,虽然是2019年写的文章,但现在2020年依旧不过时,现在补充了2019年新增的ES10 Object.fromE ...

  2. javascript的api设计原则

    前言 本篇博文来自一次公司内部的前端分享,从多个方面讨论了在设计接口时遵循的原则,总共包含了七个大块.系卤煮自己总结的一些经验和教训.本篇博文同时也参考了其他一些文章,相关地址会在后面贴出来.很难做到 ...

  3. 深入理解javascript选择器API系列第三篇——h5新增的3种selector方法

    × 目录 [1]方法 [2]非实时 [3]缺陷 前面的话 尽管DOM作为API已经非常完善了,但是为了实现更多的功能,DOM仍然进行了扩展,其中一个重要的扩展就是对选择器API的扩展.人们对jQuer ...

  4. JavaScript 对象、DOM对象、jquery对象的区别、转换详解

    一.JavaScript 对象 JavaScript 提供多个内建对象,比如 String.Date.Array 等等. 对象只是带有属性和方法的特殊数据类型. 访问对象的属性: [javascrip ...

  5. 使用 JavaScript File API 实现文件上传

    概述 以往对于基于浏览器的应用而言,访问本地文件都是一件头疼的事情.虽然伴随着 Web 2.0 应用技术的不断发展,JavaScript 正在扮演越来越重要的角色,但是出于安全性的考虑,JavaScr ...

  6. 第六章:Javascript对象

    对象是javascript的基本数据类型.对象是一种复合值.它将很多值(原始值 或者其他对象)聚合在一起.可通过名字访问这些值.对象也可以看做是属性的无序集合,每个属性都有一个名/值.属性名是字符串, ...

  7. JavaScript对象进阶

    要了解JavaScript对象,我们可以从对象创建.属性操作.对象方法这几个方面入手.概括起来,包括以下几模块: 1.创建对象 1.1 对象直接量 对象直接量是创建对象最简单的方式,由若干名/值对组成 ...

  8. 深入学习JavaScript对象

    JavaScript中,除了五种原始类型(即数字,字符串,布尔值,null,undefined)之外的都是对象了,所以,不把对象学明白怎么继续往下学习呢? 一.概述 对象是一种复合值,它将很多值(原始 ...

  9. Ext JS学习第十天 Ext基础之 扩展原生的javascript对象(二)

    此文来记录学习笔记: 今天继续说Ext.Array,Ext.Function,Ext.Date,Ext.Error ------------------------------------------ ...

随机推荐

  1. 我是如何做到springboot自动配置原理解析

    一前言 springboot 2.0.0版本分析,整体的自动配置流程如下: 具体配置参考官方文档:springboot-doc 二 @SpringBootApplication 核心注解@Spring ...

  2. 修理牛棚 贪心 USACO

    今天开始终于可以刷USACO的题啦 准备每一道都发一个题解 1010: 1.3.2 Barn Repair 修理牛棚 时间限制: 1 Sec  内存限制: 128 MB提交: 9  解决: 7[提交] ...

  3. 四、JVM之栈与栈帧

    栈: 1.又名堆栈,它是一种运算受限的线性表.其限制是仅允许在表的一端进行插入和删除运算.这一端被称为栈顶,相对地,把 另一端称为栈底.其特性是先进后出. 2.栈是线程私有的,生命周期跟线程相同,当创 ...

  4. java 魔术

    每4个字节都有对应的含义

  5. Webpack实战(五):轻松读懂Webpack如何分离样式文件

    在上一篇文章中我给大家分享了预处理器(loader),里面讲到了style-loader 和css-loader,有关样式引入的问题,但是上面的样式文件只是引入到style标签里面,并不是我想要的样式 ...

  6. python认识及环境变量

    什么是python? python是一种脚本语言,是高级语言.计算机只能识别机器语言,在机器语言上是汇编语言,再往上是高级语言.高级语言的基础是C语言. python语言较为简单,易入门. pytho ...

  7. 代码审计之CVE-2018-7600-Drupal远程代码执行漏洞-Render API

    今天学习一下Drupal的另一个漏洞,由于渲染数组不当造成的漏洞 poc: url:http://localhost/drupal-8.5.0/user/register?element_parent ...

  8. typedef声明变量也是一种求值过程

    前言: 什么叫做:声明变量是求值过程?请看下面的声明, int i; 很简单,声明了个整型变量i,再看如下声明, int *p; 也很简单,立刻反应出来它是指向整型的指针,但是具体如何推倒出来的呢?其 ...

  9. Unity3d组件实现令人惊叹的像素粒子特效!

    我们先看看两个特效,感受一下,有没有学习的动力? =========================================================================== ...

  10. 实验一:通过Access划分vlan

    1.配置图 Switch0的fa0/1.fa0/2.fa0/3端口设置为Access模式,PC1和PC2属于vlan 2,PC3属于vlan 3. 2.Switch0配置 3.实验现象 PC1可以pi ...