栈内存和堆内存
- 栈内存:简单数据类型 string,number,boolean,null,undefined
- 堆内存:复杂数据类型 object,array....
注意:
- 浅拷贝只复制指向某个对象的指针,而不复制对象本身,新旧对象还是共享同一块内存。
- 深拷贝会另外创造一个一模一样的对象,新对象跟原对象不共享内存,修改新对象不会改到原对象。
1.直接赋值
//直接赋值 let arr1 = ["北京", "上海", "广州",["白云区","黄埔区"]] let arr2 = arr1; let arr2 = [] arr2[0] = "beijing" console.log("arr2", arr2) console.log("arr1", arr1)
2.浅拷贝
let arr1 = ["北京", "上海", "广州",["白云区","黄埔区"]] let arr2 = arr1; //浅复制 for (var k in arr1) { arr2[k] = arr1[k] } arr2[0] = "beijing" arr2[3][0]="baiyunqu" // console.log("arr2", arr2) // console.log("arr1", arr1)
3.深拷贝
for (k in arr1) { if (arr1[k] instanceof Array) { //数组 arr2[k] = [] for (var m in arr1[k]) { arr2[k][m] = arr1[k][m] } } else if (arr1[k] instanceof Object) { //对象 arr2[k] = {} for (n in arr1[k]) { arr2[k][n] = arr1[k][n] } } else { //字符串 arr2[k] = arr1[k] } } // arr2[3][0] = "baiyunqu" // console.log("arr2", arr2) // console.log("arr1", arr1) arr2[4].uname = "zhangsan" console.log("arr2", arr2) console.log("arr1", arr1)
4.利用递归实现深拷贝
let arr1 = [ "北京", "上海", "广州", ["白云区", "黄埔区"], { uname: "张三", age: 21, school: { name: "积云教育", address: "海淀" } } ] let arr2 = [] /*** * arr2 新数据 * arr1 旧数据 * **/ function deepCopy(arr2, arr1) { for (k in arr1) { if (arr1[k] instanceof Array) { //数组 arr2[k] = [] // for (var m in arr1[k]) { // arr2[k][m] = arr1[k][m] // } deepCopy(arr2[k], arr1[k]) } else if (arr1[k] instanceof Object) { //对象 arr2[k] = {} // for (n in arr1[k]) { // arr2[k][n] = arr1[k][n] // } deepCopy(arr2[k], arr1[k]) } else { //字符串 arr2[k] = arr1[k] } } } deepCopy(arr2, arr1) // arr2[4].uname = "zhangsan" arr2[4].school.name = "jiyunjiaoyu" console.log("arr2", arr2) console.log("arr1", arr1)
闭包
闭包就是 能够读取其他函数内部变量的函数
1.浏览器source使用
/*闭包就是:能够读取其他函数内部变量的函数** */ function outer() { var num = 100; function inner() { num = 10 } inner() } outer()
var,const,let关键字
-
暂时性死区
使用ES6的变量声明方法(
let
,const
,class
…)声明的变量,不可在声明前使用访问,否则会进行显式报错。ES6变量声明前的代码区域,称为 “暂时性死区”TDZ
let x=1; let foo=function(){ //暂时性死区 console.log(x) let x=2; } foo()
const定义的常量,如果是复杂数据类型(比如数组或对象),是可以修改数值的。
常量的内存地址是不变的
模板字符串
-
模板字符串
let username="张三" let str=`${username}欢迎你`
解构赋值
对象解构
//对象解构赋值 var obj = { uname: "张三", age: 21, sex: "男" } // var uname = obj.uname; // var age = obj.age; // var sex = obj.sex //给变量起别名,用冒号 //以前的变量名自动失效 var { uname: xxx, age: yyy, sex } = obj
扩展运算符的使用
var obj = { uname: "张三", age: 21, sex: "男" } //扩展运算符的使用 var { uname, ...age } = obj // console.log(uname, age) // console.log(uname, age) // console.log(xxx, yyy, sex) // console.log(uname, age, sex)
多层解构
//对象解构:多层解构 var obj = { uname: "张三", age: 21, shcool: { name: "积云教育", address: "海淀" } } let { uname, age,shcool ,shcool: { name, address } } = obj
在函数中的运用
//形参里面的大括号,不是对象,是解构赋值 function demo({ uname, age }) { console.log(uname, age) } demo({ uname: "张三", age: 21 })
数组解构
var arr = ["北京", "上海", "广州", "深圳"] // var a = arr[0] // var b = arr[1] // var c = arr[2] // var d = arr[3] //顺序要对应准确 // var [xxx, yyy, c, d] = arr; //扩展运算符的使用 var [a, b, ...c] = arr console.log(a, b, c)
ES6对象方法
-
Object.create ()
使用指定的原型对象和属性创建一个新对象。
-
Object.defineProperty ()
prototype
给对象添加一个属性并指定该属性的配置。
-
Object.defineProperties ()
给对象添加多个属性并分别指定它们的配置。
-
Object.entries ()
返回给定对象自身可枚举属性的 [key, value] 数组。
-
Object.freeze()
冻结对象:其他代码不能删除或更改任何属性。
-
Object.getOwnPropertyDescriptor()
返回对象指定的属性配置。
-
Object.getOwnPropertyNames()
返回一个数组,它包含了指定对象所有的可枚举或不可枚举的属性名。
-
Object.getOwnPropertySymbols()
返回一个数组,它包含了指定对象自身所有的符号属性。
-
Object.getPrototypeOf()
返回指定对象的原型对象。
-
Object.is()
比较两个值是否相同。所有 NaN 值都相等(这与==和===不同)。
-
Object.isExtensible()
判断对象是否可扩展。
-
Object.isFrozen()
判断对象是否已经冻结。
-
Object.isSealed()
判断对象是否已经密封。
-
Object.keys()
-
Object.values()
ES6字符串方法
新方法
- includes():返回布尔值,判断是否找到参数字符串。
- startsWith():返回布尔值,判断参数字符串是否在原字符串的头部。
- endsWith():返回布尔值,判断参数字符串是否在原字符串的尾部。
- repeat():返回新的字符串,表示将字符串重复指定次数返回。
- padStart(length,newStr):返回新的字符串,表示用参数字符串从头部(左侧)补全原字符串。
- padEnd(length,newStr):返回新的字符串,表示用参数字符串从尾部(右侧)补全原字符串。
- 模板字符串