首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

js对象的直接赋值、浅拷贝与深拷贝

这里就是出现了题目所谈到的问题,涉及到了js对象的直接赋值、浅拷贝与深拷贝。 直接赋值   把一个对象a赋值给一个对象b相当于把一个对象b的地址指向对象a的地址,所以,他们实际上是同一个对象。...即:直接赋值,修改赋值后的对象b的非对象属性,也会影响原对象a的非对象属性;修改赋值后的对象b的对象属性,也会影响原对象a的对象属性。...图3 浅拷贝,赋值对象与被复制的对象不会指向同一个地址   修改赋值后的对象b的非对象属性,不会影响原对象a的非对象属性;修改赋值后的对象b的对象属性,却会影响原对象a的对象属性,如图4所示。...图5 扩展运算符实现浅拷贝(赋值"小刚"等的操作与之前的结果完全相同,就不全贴出来了)   考虑到es6的支持程度,如果你的项目不支持es6,但是又想实现浅拷贝的话,也可以尝试js原生的concat方法...即深拷贝,修改赋值后的对象b的非对象属性,不会影响原对象a的非对象属性;修改赋值后的对象b的对象属性,也不会影响原对象a的对象属性。而且,二者不指向同一个对象

4.2K20

第163天:js面向对象-对象创建方式总结

面向对象-对象创建方式总结 1、 创建对象方式,json方式 推荐使用的场合: 作为函数的参数,临时只用一次的场景。比如设置函数原型对象。...(){ 9 console.log( name + 'say hi' ); 10 } 11 }; 12 //添加其他属性: 13 obj2.newProp = 123;// js...缺点: 不能作为对象创建的模板,也就是不能用new进行构造新对象。 2、 创建面向对象方式: new Object()的方式。 不推荐使用。....name = 'kitty'; 4 obj3.sayHi = function() { 5 console.log( name + ' ' + 'say hi'); 6 }; 缺点:跟上面的方式一样...升级改造版本: //第三种方式有个缺点: 对象的内部的函数会在每个对象中都存一份 //如果创建的对象非常多的话,那么非常浪费内存。函数的行为是所有对象 //可以共有,不需要每个对象都保存一份。

1.7K10

ABAP 之 赋值方式对比

,在HANA中新增了一种新的数据赋值方式,他很像C语言当中的那种函数赋值方式,总体来说,更美观,更灵活....那么今天我们就讲一下,在ABAP中的赋值方式....什么是赋值以及为什么会有这么多种赋值方式 什么是赋值,在任何语言中都有说赋值的要求,但是在不同语言的赋值方式也大同小异.比如PYTHON 就没有强制要求赋值的数据类型,但是在ABAP中如果要赋值就必须先定义接受数据的数据类型...即先定义,后赋值. 至于为什么要有这么多种数据赋值方式,这是因为,SAP经过了这么多版本.到现在已经是HANA版本了,自然有很多中数据版本了.他们实现的功能是一致的但是表现方式不同罢了...."新语法待学习 结果 今天讲的是ABAP开发中常用的基础技术内容,赋值的详细用法.其中包含自定义数据类型,结构内表,和不使用数据类型和内表的方式. 并且讲解了新语法的使用方式.

45130

JS数组和对象的遍历方式,以及几种方式的比较

在JavaScript中,遍历数组和对象有多种方式。下面我将介绍几种常见的遍历方式,并对它们进行比较。   1.for循环   使用for循环是最基本的遍历方式之一。...这是一种更简洁的方式,可以使用回调函数对每个元素执行相应操作。...3.for...of循环   for...of循环是ES6引入的一种遍历方式,用于遍历可迭代对象(如数组、字符串等)。它可以更简洁地遍历数组的元素。...比较:   ·for循环是最基本的遍历方式,适用于数组和对象的遍历,但代码相对冗长。   ·forEach方法是数组特有的方法,语法简洁,但无法用于对象的遍历。   ...·对于对象的遍历,for-in循环是一种常见的方式,但需要注意的是它会遍历对象的所有可枚举属性,包括继承自原型链的属性。   根据需求和具体情况,选择适合的遍历方式可以使代码更具可读性和简洁性。

25710

JS 中 this上下文对象的使用方式

有句话说得很在理 -- 谁调用它,this就指向谁 一、全局范围内 在全局范围内使用this ,它将指向全局对象(浏览器中为 window) var name = 'name1'; console.log...像这些类似匿名的函数,默认都是被全局(浏览器下的window)对象调用,要正确地让obj调用,就要指代好 可以用that保持this再进行下一步,或者匿名函数传值,或者使用call/apply/bind...五、作为构造函数调用 比如 new Foo(); 先来看个简单的例子: var name = 'name1'; function Foo(){ // 赋值this(当前对象)的name属性值...可以看到,如果函数倾向于和 new 关键词一块使用,则我们称这个函数为构造函数,当new 了之后,this则指向这个心创建的对象(这个new 的过程其实也涉及到了继承机制)。...若直接调用这个函数,this就默认执行全局对象了。

1.8K10

JS篇(009)-javascript 对象的几种创建方式

age: 29; } 对象字面量是对象定义的一种简写形式,目的在于简化创建包含大量属性的对象的过程。...也就是说,第一种和第二种方式创建对象的方法其实都是一样的,只是写法上的区别不同 在介绍第三种的创建方法之前,我们应该要明白为什么还要用别的方法来创建对象,也就是第一种,第二种方法的缺点所在:它们都是用了同一个接口创建很多对象...没有显示地创建对象 2\. 直接将属性和方法赋给了 this 对象 3\. 没有 return 语句 4\. 终于可以识别的对象的类型。...Person.prototype.sayName = function() { alert(this.name); }; var person1 = new Person(); person1.sayName(); 使用原型创建对象方式...这时候我们就可以使用构造函数模式与原型模式结合的方式,构造函数模式用于定义实例属性,而原型模式用于定义方法和共享的属性 第六种:组合使用构造函数模式和原型模式 function Person(name

1.6K10

javascript对象属性的赋值解析

概念: 在segmentfault社区找到相关概念: 当为一个对象属性赋值是要遵循以下规则: 当对象的原型链中的原型对象上有对应的属性名,但是其是只读的,那么对象属性的赋值操作无效; 当对象的原型链中的原型对象上有对应的属性名...,但是其是可写的,且设置了set方法,那么对象属性的赋值操作无效,转而调用调用原型对象中的属性的set方法; 当对象的原型链中的原型对象上有没有对应的属性名,那么直接在当前对象上添加这个属性(如果没有这个属性...)并赋值。...//Object {value: "Animal", writable: false, enumerable: false, configurable: true} //属性'name'只读,所以再次赋值无效...//通过知道属性只读,对象属性赋值操作无效,那么我们可以更改name的property-wirteable为true,如下 Object.defineProperty(Animal, 'name',

1.7K30
领券