javascript 对象api
// 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的更多相关文章
- JavaScript 对象所有API解析【2020版】
JavaScript 对象所有API解析[2020版] 写于 2019年08月20日,虽然是2019年写的文章,但现在2020年依旧不过时,现在补充了2019年新增的ES10 Object.fromE ...
- javascript的api设计原则
前言 本篇博文来自一次公司内部的前端分享,从多个方面讨论了在设计接口时遵循的原则,总共包含了七个大块.系卤煮自己总结的一些经验和教训.本篇博文同时也参考了其他一些文章,相关地址会在后面贴出来.很难做到 ...
- 深入理解javascript选择器API系列第三篇——h5新增的3种selector方法
× 目录 [1]方法 [2]非实时 [3]缺陷 前面的话 尽管DOM作为API已经非常完善了,但是为了实现更多的功能,DOM仍然进行了扩展,其中一个重要的扩展就是对选择器API的扩展.人们对jQuer ...
- JavaScript 对象、DOM对象、jquery对象的区别、转换详解
一.JavaScript 对象 JavaScript 提供多个内建对象,比如 String.Date.Array 等等. 对象只是带有属性和方法的特殊数据类型. 访问对象的属性: [javascrip ...
- 使用 JavaScript File API 实现文件上传
概述 以往对于基于浏览器的应用而言,访问本地文件都是一件头疼的事情.虽然伴随着 Web 2.0 应用技术的不断发展,JavaScript 正在扮演越来越重要的角色,但是出于安全性的考虑,JavaScr ...
- 第六章:Javascript对象
对象是javascript的基本数据类型.对象是一种复合值.它将很多值(原始值 或者其他对象)聚合在一起.可通过名字访问这些值.对象也可以看做是属性的无序集合,每个属性都有一个名/值.属性名是字符串, ...
- JavaScript对象进阶
要了解JavaScript对象,我们可以从对象创建.属性操作.对象方法这几个方面入手.概括起来,包括以下几模块: 1.创建对象 1.1 对象直接量 对象直接量是创建对象最简单的方式,由若干名/值对组成 ...
- 深入学习JavaScript对象
JavaScript中,除了五种原始类型(即数字,字符串,布尔值,null,undefined)之外的都是对象了,所以,不把对象学明白怎么继续往下学习呢? 一.概述 对象是一种复合值,它将很多值(原始 ...
- Ext JS学习第十天 Ext基础之 扩展原生的javascript对象(二)
此文来记录学习笔记: 今天继续说Ext.Array,Ext.Function,Ext.Date,Ext.Error ------------------------------------------ ...
随机推荐
- 七种武器:JavaScript 新特性闪亮登场
JavaScript(或ECMA Script) 是一门不断发展的语言,有许多关于如何前进的建议和想法.TC39(技术委员会39)是负责定义JS标准和特性的委员会,今年他们非常活跃.以下是目前处于&q ...
- ipynb 文件转 py
前言 好多机器学习的文件都是ipynb的格式,如果想用其他编辑器的需要转为py的格式 命令: jupyter nbconvert --to script *.ipynb jupyter: pip3 i ...
- C++类中的重载
函数重载回顾 函数重载的本质为相互独立的不同函数 C++中通过函数名和函数参数确定函数调用 无法直接通过函数名得到重载函数的入口地址 函数重载必然发生在同一个作用域 类中的成员函数可以进行重载 构造函 ...
- ReactNative: 自定义ReactNative API组件
一.简介 在前面介绍了很多ReactNative中UI组件和API组件,这些都是Facebook团队封装好的基础组件,开发者可以直接使用.然而,在实际的开发过程中,面对复杂的需求,此时原生的Nativ ...
- 用PHP写下HELLO WORLD!
一.选择PHP开发工具 1.phpstorm最新版本 2.打开phpstorm界面 按create键,选择new window ,出下如下页面: 鼠标放在文件夹上,右键单击,弹出以下对话框:做如下操作 ...
- Java.数据结构.集合体系详解
I. 第一部分:常见数据结构 首先简单说下数据结构. 什么是数据结构?数据结构就是组织数据的方式. 常见的数据结构:栈,堆,树,图,数组,队列,链表. 这里主要介绍与java集合体系相关的栈.数组和链 ...
- 替代 Hystrix,Spring Cloud Alibaba Sentinel 快速入门
提起 Spring Cloud 的限流降级组件,一般首先想到的是 Netflix 的 Hystrix. 不过就在2018年底,Netflix 宣布不再积极开发 Hystrix,该项目将处于维护模式.官 ...
- elasticsearch为什么比mysql快
mysql关系型数据库索引原理 数据库的索引是B+tree结构 主键是聚合索引 其他索引是非聚合索引,先从非聚合索引找,见下图 elasticsearch倒排索引原理 两者对比 对于倒排索引,要分两种 ...
- 进击.net 三大框架
spring mybatis NHibernate
- ios--->NSNotificationCenter传值
object实现 //在发送通知时设置object参数 [[NSNotificationCenter defaultCenter] postNotificationName:@"ThisIs ...