笔记:javascript通过反射和遍历，访问对象的所有属性，及 按引用/按值传递

最新推荐文章于 2024-02-13 14:44:11 发布
最新推荐文章于 2024-02-13 14:44:11 发布
阅读量2.2k 收藏
点赞数
分类专栏： 程序设计
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/younggift/article/details/43419113
版权

正读 JavaScript: The Good Parts.


1. 通过反射和遍历，访问对象的所有属性。
<html>
<body>
<script type="text/javascript">
var x = {
    "first-name": "Gift",
    "last-name" : "Young"
};
x.nickname = 'nick';
for(name in x){
    document.writeln(name+":"+x[name]+" "+typeof x[name]+"<br>");
}
</script>
</body>
</html>
上述代码的运行结果是:
first-name:Gift string
last-name:Young string
nickname:nick string


2.  " Objects are passed around by reference. They are never copied. "

下面的试验证实，String是按值复制的。
x与stooge是同一对象的reference，所以它们的属性的值一起变化；
snick和xnick的值“来自”对象的属性，但是snick和xnick的值并不随对象的属性的值的变化而变化。
<html>
<body>
<script type="text/javascript">
var stooge = {
    "first-name": "Gift",
    "last-name" : "Young"
};
var x = stooge;
x.nickname = 'before';
var snick = stooge.nickname;
var xnick = x.nickname;
document.writeln("nick:"+stooge.nickname+"<br>");
document.writeln("x.nickname:"+x.nickname+"<br>");
document.writeln("xnick:"+xnick+"<br>");
document.writeln("snick:"+snick+"<br>");
document.writeln("<br>");
x.nickname = 'after';
document.writeln("nick:"+stooge.nickname+"<br>");
document.writeln("x.nickname:"+x.nickname+"<br>");
document.writeln("xnick:"+xnick+"<br>");
document.writeln("snick:"+snick+"<br>");
</script>
</body>
</html>

上述代码的运行结果是:
nick:before
x.nickname:before
xnick:before
snick:before
nick:after
x.nickname:after
xnick:before
snick:before


努力学习语法，勿将高塔起浮沙。

younggift
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
详解 JS 中的 Proxy(代理)和 Reflect(反射)
Web_boom的博客
12-12 1500
使用代理的主要目的是可以定义捕获器（trap）。捕获器就是在处理程序对象中定义的“基本操作的拦截器”。每个处理程序对象可以包含零个或多个捕获器，每个捕获器都对应一种基本操作，可以直接或间接在代理对象上调用。每次在代理对象上调用这些基本操作时，代理可以在这些操作传播到目标对象之前先调用捕获器函数，从而拦截并修改相应的行为。所有捕获器都可以访问相应的参数，基于这些参数可以重建被捕获方法的原始行为。比如，get()捕获器会接收到目标对象、要查询的属性和代理对象三个参数。};
Javascript学习笔记之数组的遍历和 length 属性
01-21
尽管数组在 Javascript 中是对象，但是不建议使用 for in 循环来遍历数组，实际上，有很多理由来阻止我们对数组使用 for in 循环。 因为 for in 循环将会枚举原型链上的所有属性，并且唯一阻止的方法是使用 ...
JavaScript 反射机制及 Reflect 详解
web前端开发
06-05 1228
来自 | https://www.cnblogs.com/Leophen/archive/2021/06/02/14838608.html一、什么是反射机制反射机制是在编译阶段不知道是哪个...
javascript 中的反射机制
绝圣弃智-零的博客
04-15 1935
反射机制指的是程序在运行时能够获取自身的信息。例如一个对象能够在运行时知道自己有哪些方法和属性。 在JavaScript中利用`for(…in…)`语句实现反射。 在JavaScript中有一个很方便的语法来实现反射，即`for(…in…)`语句，其语法如下： for(var p in obj){ //语句 } 这里var p表示声明的一个变量，用以存储对象obj的属性（方法...
js之Reflect 反射
最新发布
qq_53742640的博客
02-13 2445
Reflect是一个内置的对象，它提供了拦截JavaScript操作的方法。它不是一个函数对象，因此不可构造。Reflect对象提供了一些静态方法来操作对象，例如等。这些方法可以用于读取、修改或删除对象的属性，并返回相应的结果。在Vue 3中，Reflect也被用作一个修饰符（decorator），用于监听DOM元素上的属性变化并将其反映到Vue实例的数据上。当DOM元素的属性发生变化时，Vue会捕获这些变化，并更新相应的数据，从而保持数据和视图的同步。
Javascript学习笔记之 对象篇（一） : 对象的使用和属性
01-21
这是因为 Javascript 解析器在解析点操作符时而将其视为浮点数特征而犯下的错误。 2.toString(); // raises SyntaxError 实际上，我们有很多方法可以使得数字常量表现为一个对象。 2..toString(); // the second ...
《javascript设计模式》学习笔记一：Javascript面向对象程序设计对象成员的定义分析
10-15
总结来说，理解JavaScript中的面向对象设计模式和对象成员定义是提高代码质量和可维护性的重要一步。通过公有成员和方法提供接口，利用私有成员和方法隐藏实现细节，可以创建更加健壮的代码结构。在实际编程中，结合...
【javascript】反射Reflect
不忘初心，坚定道路！
02-27 1262
前言 以前学习javascript反射api没懂为啥这个api叫Reflect？甚至这个api还相当好用，它可以返回布尔值表示正确执行没有。直到我最近学习了java，发现java也是有反射。 后来查了下反射主要指的是在不清楚一个东西内部状态方法时可以枚举其状态或者方法。 当然也有狭义上的理解，就是通过字符串来运行某东西内部状态和方法。 所以在大量说js反射机制的文章里，基本就是把一个对象遍历下，然后说这就是js的反射机制。 本篇的主角时Reflect的api，如果读者还没听过这个api，那真应该好好看看，
JS 实现反射功能
kolonse的专栏
02-07 3554
在js中假定我有一个函数字符串是 var str = "refresh()" 有一个对应的函数是:function refresh(){ }如何做到 从str映射调用 refresh呢？ 可能有很多人第一想法直接用个object保存一下映射即可,但是有些场景下是不可行的,因为用Object保存的场景只有在你很明确知道 refresh函数存在的情况. 但是在你疯狂一个插件或者库的场景时,这个
JavaScript 反射和属性赋值实例解析
01-19
这篇文章主要介绍了JavaScript 反射和属性赋值实例解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 Java和.NET都有着比较完善的反射机制，用来处理未知的对象并获取它们的属性和方法。JavaScript虽然没有完善的反射体系，但在编程的时候还是可以通过代码设计来实现类似反射的基本功能。 function Antzone(){ this.webName=蚂蚁部落; this.age=6; } Antzone.prototype={ address:青岛市南区 } var auth = { ADD:false,
详解 JS 中的 Proxy(代理)和 Reflect(反射
forward_xx的博客
10-10 2156
本文详细介绍了ES6新增的 Proxy(代理)和 Reflect(反射)，也讲解了属性描述符，以及常见的Reflect API与捕获器。
记录: js中使用eval函数将string字符串反射为对象并赋值
weixin_43109722的博客
08-12 1027
有时候在写代码的时候为了使封装的函数更简单更实用，在调用对象并赋值的时候，通常写法都是需要一大堆的js判断，然后有了这个方法，一行代码就可以完事儿。特此总结记录一下. 方法如下: eval( ' ( that.page.'+et2+'.show=false) ' ); 比如有如下对象: 需要更改r1值的时候就是obj.a.items.other.r1=1; 需要更改name值的时候就是obj.a.items.name='zhangsan'; 这些写法又长还不能统一在一个函数里调用。 let
js 循环对象的四种方法
热门推荐
qq_37550440的博客
08-22 4万+
1.for in let obj = { 'name': 'cookie', 'age': 18 } for (let key in obj) { console.log(key); // name age console.log(obj[key]); // cookie 18 if(key == 'name') { break // break 能跳出循环 } console.log(key); // 没有值输出 if(key == 'name') { ..
JavaScript里的反射机制
MZ_的博客
02-03 385
什么是反射机制         反射机制指的是程序在运行时能够获取自身的信息。例如一个对象能够在运行时知道自己有哪些方法和属性。         在Java里，通过获取类的字节码对象，操纵类的属性和方法，使Java特别灵活。在JS里也有和Java反射机制类似的特性 for  in，它除了用作循环，还可以体现出反射的思想。 1、for in用于循环 var arr=[{key:'key1'...
精读JavaScript中的代理（Proxy）与反射（Reflect）
02-01 1412
JavaScript中的Proxy与Reflect是ES6中引入的新特性，它们可以帮助我们更高效地操作对象。 代理（Proxy）是一种设计模式，它允许我们在访问对象的同时，添加一些额外的操作。代理对象与被代理对象实现相同的接口，代理对象会接受并处理所有对被代理对象的访问请求。 反射（Reflection）是指程序可以在运行时获取、操作、修改它本身的状态或行为。反射是一种动态获取类型信息和操作类型的能力，可以在运行时动态调用类中的方法或属性。
es6 javascript的Reflect 对象的方法
现在学习也不晚
12-03 2864
Reflect对象的方法清单如下， 共 13 个。Reflect.apply(target, thisArg, args) Reflect.construct(target, args) Reflect.get(target, name, receiver) Reflect.set(target, name, value, receiver) Reflect.defineProperty(targ...
在JavaScript中利用for(…in…)语句实现反射
06-07 566
什么是反射机制反射机制指的是程序在运行时能够获取自身的信息。例如一个对象能够在运行时知道自己有哪些方法和属性。在JavaScript中利用for(…in…)语句实现反射在JavaScript中有一个很方便的语法来实现反射，即for(…in…)语句，其语法如下：for(var p in obj){      //语句}这里var p表示声明的一个变量，用以存储对象obj的属性（方法）名称，有
JS遍历(循环)——JS对象遍历(循环)&JS数组遍历(循环)
weixin_44143279的博客
01-14 2974
最近在处理一些偏逻辑的代码块经常遇到遍历问题，接下来跟大家一起温习一下有关于JS的遍历吧。 js数组遍历 1、for循环 //不缓存 var arr = [5,2,0,1,3,1,4]; for ( var i = 0; i <arr.length; i++){ console.log(arr[i]);//遍历所得子项 } for循环优化版：在JS性能优化中，有一个常见的小优化，即缓存数组长度 //缓存 var arr = [5,2,0,1,3,1,4]; var len = arr.len
"JavaScript学习笔记：数值转换与方法应用；数组和对象的声明与构造
总的来说，JavaScript学习笔记是程序员在学习JavaScript语言时所做的笔记，记录了关于数值的转换、isNaN() 和 isFinite() 方法的使用，数组的声明和访问以及对象的构造等内容。这些笔记对于程序员理解JavaScript编程...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值