
es6
隔壁母猪小心老王
腹有诗书气自华
展开
-
es6模板字符串解决向html添加元素,元素中onclick中函数属性值无效的问题
本人学习过程中编写,定有不足之处,如果有错误,请您积极指正;如果有帮助,请不要吝啬您的赞美(点赞),欢迎各位大佬点赞评论。真实的场景是这样的,今天在进行业务改进,需向某html之前添加其他元素,而该元素内部需添加onclick属性,eg:let shu='Goo7';let str = "<td><a onclick='delete_goods("+sku+")'>删除</a></td>";$("#bottom_goods_tr").before(.原创 2020-07-29 15:31:43 · 3447 阅读 · 1 评论 -
es5与es6中如何让数组与函数参数一一对应
let data = [1,2,3];function sum(x=1,y=2,z=3){ return x+y+z;}console.log(sum(data[0],data[1],data[2])); //笨办法console.log(sum.apply(this,data)); // es5 apply()console.log(sum(...data)); //es6 Sperad operator原创 2020-07-23 10:58:34 · 144 阅读 · 0 评论 -
es5与es6中如何处理不确定参数?以及es6中rest parameter的强大之处
es5中处理不确定参数(arguments)function sum(){ let sum=0; Array.from(arguments).forEach(function(item){ sum+=item; }) return sum;}console.log(sum(1,2,3,4)); //10es6中处理不确定函数(Rest parameter)function sum(...num){ let sum=0; Array.from(num).forEac原创 2020-07-23 10:06:23 · 290 阅读 · 0 评论 -
es5与es6中函数参数默认值问题
本人学习过程中编写,定有不足之处,如果有错误,请您积极指正;如果有帮助,请不要吝啬您的赞美(点赞),欢迎各位大佬点赞评论。es5中函数默认值function sum(x,y,z){ if(y == undefined){ y = 6; } if(z == undefined){ z = 3; } return x+y+z;}console.log(sum(1,5,7)); //13console.log(sum(1)); //10很显然,.原创 2020-07-22 18:11:59 · 298 阅读 · 0 评论 -
es5与es6 中this指代的问题详解
es5中this指代function Animal(){ this.name = '花花'; this.test = { name : '亮亮', getname : function () { console.log(this.name); } }}let animal = new Animal();animal.test.getname(); //亮亮在es5中this指向的该函数被调用的对象,哪个函数调用了这个对象,this指向...原创 2020-07-20 22:53:22 · 379 阅读 · 0 评论 -
es5与es6类中静态方法,继承讲解
本人学习过程中编写,定有不足之处,如果有错误,请您积极指正;如果有帮助,请不要吝啬您的赞美(点赞),欢迎各位大佬点赞评论。es5中类的继承与静态方法的定义es5中类的继承有多众,我们只讲述其中一种:①:继承父类属性;②:继承父类原型链方法;//父类function Animal (type,name) { this.type = type; this.name = name;}Animal.prototype.eat = function(){ //是将方法挂在原型链上.原创 2020-07-18 15:26:33 · 270 阅读 · 0 评论 -
es5与es6伪数组转换数组的方法
什么是伪数组?1.具备数组的一些特性: 按照索引方法存储,具有length属性 。2.不能直接调用数组的一些方法: 如push(),pop()等方法let array = [1,2,3,4,5]; //标准数组let argument= {0:'a',1:'b',length:2} //标准的伪数组对象两者输出es5中伪数组的转换//Array.prototype.slice.call()let ary = [].slice.call(argument);es6中伪数组的转换原创 2020-07-16 11:36:13 · 445 阅读 · 0 评论 -
es5中生成数组的方法,以及es6中的
//es5中新生成数组的方法let array = Array(5);let array1 = [];//es6中新加的生成数组的方法let array2 = Array.of(1,2,3,4,5);let array3 = Array.from({length:5},function(){ return 1;});let array4 = Array(5).fill(1);//重点介绍Array.fill(value,start,end);//value替换的值//start开始的值原创 2020-07-16 14:26:45 · 213 阅读 · 0 评论 -
Es6中的find与Es5中的filter的区别
filterfilter,查找数组中对应的值,并返回数组中的值,返回值为数组形式let array = [1,2,3,4,5];let result = array.filter(function(item){return item % 2 ===0;})console.log(result);findfilter,查找数组中对应的值,并返回数组中查找到的第一个值,返回值为单个数组的值let array = [1,2,3,4,5];let result = array.fin原创 2020-07-16 16:18:46 · 525 阅读 · 0 评论 -
Es5与Es6中实例化类的区别
首先建议没有javascript编程经验的同学,先了解原型与原型链https://www.cnblogs.com/loveyaxin/p/11151586.htmlEs5中实例化类let Animal = function (type){ this.type = type; this.eat = function(){ console.log('I am eat'); }}let monkey = new Animal('monkey');console.log(monke.原创 2020-07-17 14:30:52 · 489 阅读 · 0 评论 -
es5与es6中的读写属性,以及es6中的赋值注意事项,set、get详解
Es5中读写属性本人学习过程中编写,定有不足之处,如果有错误,请您积极指正;如果有帮助,请不要吝啬您的赞美(点赞),欢迎各位大佬点赞评论。function Animal () { //...}let monkey = new Animal();monkey.name = 'monkey'; //写入姓名console.log(monkey.name);但是在es5中存在一个缺陷,并不能对写入的值加以判断,除非为写入操作在外包一个函数加以控制。例如:我们要写入猴子的年龄但原创 2020-07-18 12:38:54 · 492 阅读 · 0 评论