## 如何安全的修改对象
不知你是否遇到过这类问题:将一个变量(对象)赋值给另一个变量,结果修改这个变量,另外一个也跟着变了,无论修改哪一个,另外一个都会受影响。
先来看这个例子:
```javascript
// javascript代码
var s = {"a":1};
var a = s;
s; // Object {a: 1}
a; // Object {a: 1}
s.a = 2; // set s.a = 2;
s; // Object {a: 2}
a; // Object {a: 2}
```
s是一个对象,变量a是由s赋值的,s对象更改后,a也更改了。
你知道了,对象是引用指针,所以才会这样。再看看数据的情况:
```javascript
// javascript代码
var s = [1];
var a = s;
a[0]; // 1
s[0]; // 1
s[0] = 2; // set s[0] = 2;
a[0]; // 2
a[0]; // 2
```
没想到换数据也是这样,其实js中的数组也是对象:`[] <=>new Array();`
* * * * *
**我们再来用PHP做一个跟这一样的实验:**
```php
// 对象实验:
class A
{
public $v = 0;
public function set($v)
{
$this->v = $v;
}
}
$a = new A();
echo '$a = new A();<br />';
$b = $a;
echo '$b = $a;<br />';
echo '$a->v: ', $a->v, '<br />';
echo '$b->v: ', $b->v, '<br />';
$b->set(2);
echo '$b->set(2);<br />';
echo '$a->v: ', $a->v, '<br />';
echo '$b->v: ', $b->v, '<br />';
// --------
// 输出结果:
// $a = new A();
// $b = $a;
// $a->v: 0
// $b->v: 0
// $b->set(2);
// $a->v: 2
// $b->v: 2
```
```php
// 变量实验:
$a = 1;
$b = $a;
$a = 2;
echo $b; // 1
```
```php
// 数组实验:
$a = [1];
$b = $a;
$a[0] = 2;
echo $b[0]; // 1
```
可以看见,php对象和js对象是一样的,赋值的变量是一个对象应用。知道了这个原因,那么问题就好解决了,用对象克隆。
```php
// 对象实验:
class A
{
public $v = 0;
public function set($v)
{
$this->v = $v;
}
}
$a = new A();
echo '$a = new A();<br />';
$b = clone $a;
echo '$b = $a;<br />';
echo '$a->v: ', $a->v, '<br />';
echo '$b->v: ', $b->v, '<br />';
$b->set(2);
echo '$b->set(2);<br />';
echo '$a->v: ', $a->v, '<br />';
echo '$b->v: ', $b->v, '<br />';
// --------
// 输出结果:
// $a = new A();
// $b = $a;
// $a->v: 0
// $b->v: 0
// $b->set(2);
// $a->v: 0
// $b->v: 2
```
继续回到问题,同样的JS中使用 `clone` 克隆关键字也可以。
但是js没有这个 `clone` 关键字。
但到这里,相信你也已经知道了怎么解决JS中克隆对象的问题。
*提示:自行百度 js对象克隆、js深拷贝/浅拷贝*
* * * * *
### 参考:
[JS对象深度克隆 - yxz_turing - 博客园](https://www.cnblogs.com/yxz-turing/p/4784861.html)
[js如何复制一个对象? - CSDN博客](http://blog.csdn.net/liyujia6636/article/details/52198128)
[JavaScript 深拷贝性能分析](http://mp.weixin.qq.com/s/VoiuMnM-VVY6A894UA-K9Q)
last update:2018-2-7 18:47:05
- 开始
- 公益
- 更好的使用看云
- 推荐书单
- 优秀资源整理
- 技术文章写作规范
- SublimeText - 编码利器
- PSR-0/PSR-4命名标准
- php的多进程实验分析
- 高级PHP
- 进程
- 信号
- 事件
- IO模型
- 同步、异步
- socket
- Swoole
- PHP扩展
- Composer
- easyswoole
- php多线程
- 守护程序
- 文件锁
- s-socket
- aphp
- 队列&并发
- 队列
- 讲个故事
- 如何最大效率的问题
- 访问式的web服务(一)
- 访问式的web服务(二)
- 请求
- 浏览器访问阻塞问题
- Swoole
- 你必须理解的计算机核心概念 - 码农翻身
- CPU阿甘 - 码农翻身
- 异步通知,那我要怎么通知你啊?
- 实时操作系统
- 深入实时 Linux
- Redis 实现队列
- redis与队列
- 定时-时钟-阻塞
- 计算机的生命
- 多进程/多线程
- 进程通信
- 拜占庭将军问题深入探讨
- JAVA CAS原理深度分析
- 队列的思考
- 走进并发的世界
- 锁
- 事务笔记
- 并发问题带来的后果
- 为什么说乐观锁是安全的
- 内存锁与内存事务 - 刘小兵2014
- 加锁还是不加锁,这是一个问题 - 码农翻身
- 编程世界的那把锁 - 码农翻身
- 如何保证万无一失
- 传统事务与柔性事务
- 大白话搞懂什么是同步/异步/阻塞/非阻塞
- redis实现锁
- 浅谈mysql事务
- PHP异常
- php错误
- 文件加载
- 路由与伪静态
- URL模式之分析
- 字符串处理
- 正则表达式
- 数组合并与+
- 文件上传
- 常用验证与过滤
- 记录
- 趣图
- foreach需要注意的问题
- Discuz!笔记
- 程序设计思维
- 抽象与具体
- 配置
- 关于如何学习的思考
- 编程思维
- 谈编程
- 如何安全的修改对象
- 临时
- 临时笔记
- 透过问题看本质
- 程序后门
- 边界检查
- session
- 安全
- 王垠
- 第三方数据接口
- 验证码问题
- 还是少不了虚拟机
- 程序员如何谈恋爱
- 程序员为什么要一直改BUG,为什么不能一次性把代码写好?
- 碎碎念
- 算法
- 实用代码
- 相对私密与绝对私密
- 学习目标
- 随记
- 编程小知识
- foo
- 落盘
- URL编码的思考
- 字符编码
- Elasticsearch
- TCP-IP协议
- 碎碎念2
- Grafana
- EFK、ELK
- RPC
- 依赖注入
- 开发笔记
- 经纬度格式转换
- php时区问题
- 解决本地开发时调用远程AIP跨域问题
- 后期静态绑定
- 谈tp的跳转提示页面
- 无限分类问题
- 生成微缩图
- MVC名词
- MVC架构
- 也许模块不是唯一的答案
- 哈希算法
- 开发后台
- 软件设计架构
- mysql表字段设计
- 上传表如何设计
- 二开心得
- awesomes-tables
- 安全的代码部署
- 微信开发笔记
- 账户授权相关
- 小程序获取是否关注其公众号
- 支付相关
- 提交订单
- 微信支付笔记
- 支付接口笔记
- 支付中心开发
- 下单与支付
- 支付流程设计
- 订单与支付设计
- 敏感操作验证
- 排序设计
- 代码的运行环境
- 搜索关键字的显示处理
- 接口异步更新ip信息
- 图片处理
- 项目搭建
- 阅读文档的新方式
- mysql_insert_id并发问题思考
- 行锁注意事项
- 细节注意
- 如何处理用户的输入
- 不可见的字符
- 抽奖
- 时间处理
- 应用开发实战
- python 学习记录
- Scrapy 教程
- Playwright 教程
- stealth.min.js
- Selenium 教程
- requests 教程
- pyautogui 教程
- Flask 教程
- PyInstaller 教程
- 蜘蛛
- python 文档相似度验证
- thinkphp5.0数据库与模型的研究
- workerman进程管理
- workerman网络分析
- java学习记录
- docker
- 笔记
- kubernetes
- Kubernetes
- PaddlePaddle
- composer
- oneinstack
- 人工智能 AI
- 京东
- pc_detailpage_wareBusiness
- doc
- 电商网站设计
- iwebshop
- 商品规格分析
- 商品属性分析
- tpshop
- 商品规格分析
- 商品属性分析
- 电商表设计
- 设计记录
- 优惠券
- 生成唯一订单号
- 购物车技术
- 分类与类型
- 微信登录与绑定
- 京东到家库存系统架构设计
- crmeb
- 命名规范
- Nginx https配置
- 关于人工智能
- 从人的思考方式到二叉树
- 架构
- 今日有感
- 文章保存
- 安全背后: 浏览器是如何校验证书的
- 避不开的分布式事务
- devops自动化运维、部署、测试的最后一公里 —— ApiFox 云时代的接口管理工具
- 找到自己今生要做的事
- 自动化生活
- 开源与浆果
- Apifox: API 接口自动化测试指南