前端提高篇(二十四)JS进阶18对象属性的高级用法,看看这篇文章吧

运行效果:

在这里插入图片描述

由于obj1的z是可配置的,所以,要想修改z值,将z的可写改成true即可

Object.defineProperty(obj1, ‘z’,{

writable:true,

})

运行结果:z值可修改

在这里插入图片描述

可枚举:

可枚举时:

var obj1 = {

x:1,

y:2,

}

Object.defineProperty(obj1, ‘z’,{

value:3,

writable:true,

enumerable:true,

configurable:true,

})

for (var i in obj1){

console.log(i + ’ : ’ + obj1[i]);

}

运行效果:

在这里插入图片描述

不可枚举时:

var obj1 = {

x:1,

y:2,

}

Object.defineProperty(obj1, ‘z’,{

value:3,

writable:true,

enumerable:false,

configurable:true,

})

for (var i in obj1){

console.log(i + ’ : ’ + obj1[i]);

}

运行效果:

在这里插入图片描述

可配置

不可配置之不能删除属性:delete返回false

var obj1 = {

x:1,

y:2,

}

Object.defineProperty(obj1, ‘z’,{

value:3,

writable:true,

enumerable:false,

configurable:false,

})

运行效果:

在这里插入图片描述

不可配置之不能修改配置:

Object.defineProperty(obj1, ‘z’,{

value:3,

writable:false,

enumerable:false,

configurable:false,

})//初始特性设置

Object.defineProperty(obj1, ‘z’,{

writable:true,

enumerable:false,

configurable:true,

})//想要修改配置

运行结果:报错,原因,初始设置时,设置configurable:false,

在这里插入图片描述

多属性:

Object.defineProperties(obj1,{

z: {

value: 3,

writable:false,

enumerable:true,

configurable:true,

},

t : {

value: 4,

writable: true,

enumerable:true,

configurable:true,

}

})

查看属性的特性:Object.getOwnPropertyDescriptor(对象, 属性名)

在这里插入图片描述

set与get

//某班级男生10人,女生8人,算班费

var classFare = {boy:10, girl:8, allmoney:0};

Object.defineProperty(classFare, ‘onemoney’,{

set:function(money){

this.allmoney = (this.boy + this.girl )* money ;

},

get:function(){

return ‘总共:’+this.allmoney;

},

// writable:true,//Cannot both specify accessors and a value or writable attribute

enumerable:true,

configurable:true,

})

运行结果:

最后

你要问前端开发难不难,我就得说计算机领域里常说的一句话,这句话就是『难的不会,会的不难』,对于不熟悉某领域技术的人来说,因为不了解所以产生神秘感,神秘感就会让人感觉很难,也就是『难的不会』;当学会这项技术之后,知道什么什么技术能做到什么做不到,只是做起来花多少时间的问题而已,没啥难的,所以就是『会的不难』。

我特地针对初学者整理一套前端学习资料

前端路线图

figurable:true,

})

运行结果:

最后

你要问前端开发难不难,我就得说计算机领域里常说的一句话,这句话就是『难的不会,会的不难』,对于不熟悉某领域技术的人来说,因为不了解所以产生神秘感,神秘感就会让人感觉很难,也就是『难的不会』;当学会这项技术之后,知道什么什么技术能做到什么做不到,只是做起来花多少时间的问题而已,没啥难的,所以就是『会的不难』。

我特地针对初学者整理一套前端学习资料

[外链图片转存中…(img-hHn1vvpT-1727197417980)]

vue.js的36个技巧

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值