Javascript中的对象(八)
一、如何编写可以计算的对象的属性名
我们都知道对象的属性访问分两种,键访问(["属性名"])和属性访问(.属性名,遵循标识符的命名规范)
对于动态属性名可以这样
var prefix = "foo"
var obj = {
[prefix +"name"] : "youyi",
[prefix +"age"]: "22"
}
(这里可以对比学习一下es6中的symbol)
二、如何给对象的属性添加特性
通过Object.defineProperty()定义对象的属性
1、writable为false,不可给对象属性a赋值
var obj = {}
Object.defineProperty(obj, "a", {
value: 2,
writable: false,
configurable: true,
enumerable: true
}) console.log(obj.a)//2
obj.a = 3
console.log(obj.a)//2
2、configurable为false,属性不能再定义第二次,定义之后会报错;也不能删除属性。
属性不能再定义第二次,定义之后会报错
var obj = {}
Object.defineProperty(obj, "a", {
value: 2,
writable: false,
configurable: false,
enumerable: true
}) obj.a = 3 Object.defineProperty(obj, "a", {
value: 2,
writable: false,
configurable: true,
enumerable: true
})
不能删除属性
var obj = {
}
obj.a = 3
console.log("normal:", obj.a)
delete obj.a
console.log("normal:",obj.a) Object.defineProperty(obj, "a", {
value: 2,
writable: false,
configurable: false,
enumerable: true
})
console.log(obj.a)
delete obj.a
console.log(obj.a)
输出:
normal: 3
normal: undefined
2
2
3、enumerable为false,属性不会出现在枚举中
什么是可枚举?
对象属性能出现在对象的遍历中就是可枚举。
如何判断属性是否可以枚举?
obj.propertyIsEnumerable("属性名")
如何获取所有可枚举属性?
Object.key(obj)(注意:和getOwnPropertyNames()不同,后者会获取到对象中的所有属性,两者共同点是只查找对象直接包含的属性,不查找原型链上的)
四、创建不可变性的对象
1、writable和configurable都设置为false
2、Object.preventExtensions禁止对象的扩展,不能再添加新的属性
var obj = {}
obj.a = 2
Object.preventExtensions(obj)
obj.b = 3
obj.b//undefined
3、Object.seal()密封对象,调用Object.preventExtensions,并且将所有属性configurable设置为false。(不可添加新属性,也不能重新配置或
删除现有任何属性)
4、Object.freeze()冻结对象,在Obect.seal()的基础上,将所有数据访问属性writable设置为false。(啥都干不了了)
五、对象中的[[Get]]、[[Put]]、Getter和Setter
当给一个对象设置属性时,会触发[[Put]];
当读取一个对象中的属性时,会触发[[Set]]
创建访问属性符(当给属性定义getter、setter或两者都有时):
var obj = {
get a() {
return 2
}
} Object.defineProperty(obj, "b", {
get: function() {
return this.a*2
},
enumerable: true
})
//obj.a //2
//obj.b //4
属性定义get方法时,赋值操作会无效
var obj = {
get a() {
return 2
}
}
obj.a = 3
obj.a //2
六、判断对象属性是否存在
判断对象中是否存在某个属性的两种方式:in和hasOwnProperty,
两者的区别是in会遍历到对象的原型链上,hasOwnProperty只会在对象中查找,不会查找至原型链。
需要注意的是,对于用Object.create(null)创建的空对象和{}不同,前者创建的空对象没有prototype属性
var t = Object.create(null);
t.hasOwnProperty("a")
//Uncaught TypeError: t.hasOwnProperty is not a function var t = {};
t.hasOwnProperty("a")
//false
Javascript中的对象(八)的更多相关文章
- javascript中的对象,原型,原型链和面向对象
一.javascript中的属性.方法 1.首先,关于javascript中的函数/“方法”,说明两点: 1)如果访问的对象属性是一个函数,有些开发者容易认为该函数属于这个对象,因此把“属性访问”叫做 ...
- Javascript 中判断对象为空
发现了一个巧妙的实现: 需要检查一个对象(Object)是否为空,即不包含任何元素.Javascript 中的对象就是一个字典,其中包含了一系列的键值对(Key Value Pair).检查一个对象是 ...
- JavaScript 中的对象
JavaScript 中的对象 在 JavaScript 中,对象是数据(变量),拥有属性和方法. JavaScript 中的所有事物都是对象:字符串.数字.数组.日期,等等. 访问对象的属性 访 ...
- javascript中Date对象的应用——简易日历的实现
× 目录 [1]效果 [2]HTML [3]CSS[4]JS 前面的话 简易日历作为javascript中Date对象的常见应用,用途较广泛.本文将详细说明简易日历的实现思路 效果演示 HTML说明 ...
- JavaScript中判断对象类型方法大全1
我们知道,JavaScript中检测对象类型的运算符有:typeof.instanceof,还有对象的constructor属性: 1) typeof 运算符 typeof 是一元运算符,返回结果是一 ...
- (转)javascript中的对象查找
本文转自:http://otakustay.com/object-lookup-in-javascript/ ---很棒的一篇文章,作者的其他文章还暂时没读,但相信作者是一个谦虚 谨慎的好工程师 近 ...
- Javascript中的对象和原型(3)
在Javascript中的对象和原型(二)中我们提到,用构造函数创建的对象里面,每个对象之间都是独立的,这样就会降低系统资源的利用率,解决这样问题,我们就要用到下面提到的原型对象. 一 原型对象 原型 ...
- (转)javascript中event对象详解
原文:http://jiajiale.iteye.com/blog/195906 javascript中event对象详解 博客分类: javaScript JavaScriptCS ...
- JavaScript中判断对象类型的种种方法
我们知道,JavaScript中检测对象类型的运算符有:typeof.instanceof,还有对象的constructor属性: 1) typeof 运算符 typeof 是一元运算符,返回结果是一 ...
- JavaScript中String对象的match()、replace() 配合正则表达式使用
正则表达式由来已久,查找替换功能非常强大,但模板难记复杂. JavaScript中String对象的match().replace()这2个方法都要使用正则表达式的模板.当模板内容与字符串不相匹配时, ...
随机推荐
- hdoj 2159 (带限制的完全背包)
#include <iostream> #include <algorithm> #include <cstring> using namespace std; ] ...
- Codeforces 978E:Bus Video System
题目链接:http://codeforces.com/problemset/problem/978/E 题意 一辆公交车,在每站会上一些人或下一些人,车的最大容量为w,问初始车上可能有的乘客的情况数. ...
- django CBV和FBV写法总结
一.FBV function base views 平常我们的写法,一个URL对应一个视图函数 二.CBV 1.url 配置 path('test/',views.CBVTest.as_views() ...
- [小A与最大子段和][斜率优化dp+二分]
链接:https://ac.nowcoder.com/acm/contest/545/A来源:牛客网题目描述 小A在网上看到了 "最大子段和" 问题的解法.第二天,小A向小B讲解了 ...
- [zoj4046][树状数组求逆序(强化版)]
http://acm.zju.edu.cn/onlinejudge/showProblem.do?problemCode=4046 题意:有一个含有n个元素的数列p,每个元素均不同且为1~n中的一个, ...
- hdu6441 Find Integer (费马大定理)
#include<bits/stdc++.h> using namespace std; int main() { int T; scanf("%d",&T); ...
- 【mybatis源码学习】mybtias基础组件-反射工具
一.JavaBean的规范 类中定义的成员变量也称为字段,属性则是通过getter/setter方法得到的,属性只与类中的方法有关,与是否存在对应成员变量没有关系. 属性的getter/setter方 ...
- Python基础_私有变量访问限制
Python内置了一些特殊变量,以前后上下划线标注,同时我们自己要想定义一些变量,不想让外部访问,又该怎么做呢?更多内容请参考:Python学习指南 访问限制 在class内部,可以有属性和方法,而外 ...
- [转]MyBatis中resultType与resultMap区别
MyBatis中关于resultType和resultMap的具体区别如下: MyBatis中在查询进行select映射的时候,返回类型可以用resultType,也可以用resultMap.resu ...
- 数学集合:N Z Q R C
整数: Zahlen(德) 复数: Complex number 实数: Real number 自然数: Natural number 有理数: Quotient(德,"商&quo ...