ES6
L_jin_c
这个作者很懒,什么都没留下…
展开
-
this指向问题(1)
一、构造函数中的this // 1.普通构造函数的方法调用,this指向当前创建的实例化对象 function Person(name, age) { this.name = name; this.age = age; this.say = function () { console.log(this.name); //linlin this指向当前实例化出来的的对象 console.log(this); //Person { na原创 2020-09-03 01:35:56 · 156 阅读 · 0 评论 -
ES6语法-箭头函数特点及简单例子
一、箭头函数的基本格式 let func = () => { console.log(10); } func();//如果没有调用,函数也不会执行的 二、箭头函数有形参时1、函数中没有形参默认值时,并且只有一个形参时,可以带括号或者省略括号。2、函数中如果函数体只有一句,也可以省略花括号。(1)带括号 let func = (x) => { console.log(x); //1000 } func(1000) (2)省略括号 //1、原创 2020-08-31 12:02:16 · 644 阅读 · 0 评论 -
对象合并的方法【三点运算符、Object.assign()】
一、使用三点运算符…特点:如果对象有相同的属性,后面的覆盖前面的 let obj1 = { name: "nodejs", age: 111, email: "123@qq.com" } let obj2 = { name: "js", age: 222, email: "node@qq.com" } let new_obj = { ...obj1, ...obj2 }; console.log(new_obj); //{原创 2020-08-31 11:25:40 · 917 阅读 · 0 评论 -
ES6语法之三点运算符...
一、三点运算符作为剩余参数-理解为把剩余的元素集合在一起 //这里的10 20 30 分别传到函数作为形参,形参只有a和...rest,那么...rest其实就是把剩余的20 30集合一起接收了,变为了[20,30] function func2(a, ...rest) { console.log(a); //10 console.log(rest); //[20,30] console.log(rest[0], rest[1], rest[2]); //20 30 u原创 2020-08-31 11:15:17 · 1155 阅读 · 0 评论 -
ES6-函数中参数的解构赋值
一、将obj的属性name和age作为实参传进函数fun,给函数的形参name、age接收 var obj = { name: "zs", age: 11, email: "nodejs@163.com" } function func(name, age) { console.log(name, age); } func(obj.name, obj.age); 二、使用解构的方法(1)【传了实参】传了一个对象,参数直接使用对象解构的形式原创 2020-08-31 11:00:51 · 625 阅读 · 0 评论 -
ES6语法之函数形参默认值
一、函数的参数,也就是括号里面是key=value的形式。 // 给形参设置默认值,如果有传值就是输出参数值,没有传值,就输出我们设置的默认值 function func(x = 1, y = 2) { console.log(x, y); } func(10); // 10 2 func(); //1 2 func(10, 20); //10 20 二、如果函数有形参,但没有设置默认值,并且函数调用的时候没有传参 function func(x) { // 有传原创 2020-08-31 10:38:09 · 375 阅读 · 0 评论 -
ES6中对象的简写
如果说对象的值用变量表示,变量名和属性名是一模一样的,可以简写。 let name = "node.js"; let age = 11; let email = "nodejs@163.com"; // let obj = { // name: name, // age: age, // emai: email // } //以上的代码可以简写为 let obj = { name, age, email } ...原创 2020-08-31 01:19:57 · 489 阅读 · 0 评论 -
ES6模板字符串简单用法
1、模板字符串使用变量 let obj = { name: "nodejs", age: 11, email: "node.js@163.com" } console.log(`${obj.name}的年龄是${obj.age},邮箱是${obj.email}`); 2、普通的模板字符串 let html = `<h1>h1标签</h1> <p>这是p标签</p>原创 2020-08-31 01:11:28 · 221 阅读 · 0 评论 -
ES6中字符串的解构语法
字符串解构跟数组的解构类似,都是使用逗号,表示占位,但不真正解构。 let str1 = "hello"; // 获取字符串中单个字母 console.log(str1[1]); //e // 字符串解构 let [a, b] = str1; let [, , e, f, g] = str1; console.log(a, b, e, f, g); // h e l l o 另外有点注意的是,虽然我们可以通过【下标】来获取到字符串中的某个元素,但是无法通过这种方式修改字符串的数据原创 2020-08-31 01:09:43 · 697 阅读 · 0 评论 -
ES6中数组的解构语法
一、数组完全解构 let arr = [10, 20, 30]; // 一次性获取数组的元素--完全解构比较方便 let [a, b, c] = arr; console.log(a, b, c); //10 20 30二、数组部分解构以下代码使用英文的逗号’,'其实只是一个占位的作用,这里只会解构数组的第三个位置的数据出来。 let arr = [10, 20, 30]; // 如果想要获取数组中的某个元素,直接通过数组下标获取 // console.log(arr[2]); /原创 2020-08-31 01:06:29 · 934 阅读 · 0 评论 -
ES6中对象的解构语法
**1、**对象属性的完全解构(1)如果{ }里面的属性是对象的属性,解构出来是对应的属性值 let obj = { name: "zs", age: 11, email: "node.js@163.com" }; let { name, age, email } = obj; console.log(name, age, email); //zs 11 node.js@163.com //这个是完全解构。 //相当于是let name=obj.name;l原创 2020-08-31 00:49:38 · 6086 阅读 · 0 评论 -
ES6语法回顾(1)-let var const
ES6语法入门学习:推荐阮一峰的入门学习网站:https://es6.ruanyifeng.com/#docs/let1、关于var的使用(1)使用var的弊端使用var关键字声明变量的弊端:1、var声明的变量有预解析,造成 逻辑混乱,可以先使用,后声明。2、var可以重复定义同一个变量,逻辑错误,第二次应该是修改变量,而不是定义。3、var用在for循环条件中,造成for 循环的污染的问题。4、var 声明的变量没有块级作用域(ES5中的作用域:全局和局部)。(2)main.js文原创 2020-08-28 02:40:07 · 184 阅读 · 0 评论