2017-12-26es6-函数扩展

扩展

1、字符串扩展

//字符串截取
var str = 'helloword' ;
//原来的 substring(1,4)  从哪个 到哪个之间
console.log(str.substring(1,4)); // =>'ell'
substr(1,4) 从第一个往后数第四个
 console.log(str.substring(1,4)); // =>'ello'
//indexOf() 用来匹配当前是否匹配成功
str.indexOf('el')       //1
str.indexOf('eee')   // -1
if(str.index0f("h") !=-1){}  //判断是否存在“h”在字符串str里面
str.startsWith('hello' ,4)  //false 字符 串是否头部   第二个参数表示搜索的位置
str.startsWith('hello' )  //true
str.endsWith('hello')  //字符 串是否尾部   第二个参数表示搜索的位置
str.includes("h") //true     //是否存在字符串   第二个参数表示搜索的位置
str.repeat('3')  //重复3次
//补全
var s = 's';
s.padStart(4,'xy');   //xyxs
s.padEnd(4,'xy');   //sxyx
var lo = 's123456'
lo.padStart(4, 'xy')   //s123456  超出长度不补全

2、模板字符串 ****

//前
$(".list").html('<li>'+item.name+'</li>');  
 //后 
$(".list").html(`<li>${item.name}</li>`); 
` ${ 变量 }  `

3、数值扩展

Number.parseInt();
Number.parseFloat();

4、函数扩展
用于分页居多

//ES5
function fun(x, y){
  x = y || 'aa';
console.log(x,y)
}
//ES6
function fun(x, y="aa"){
console.log(x,y)
}
//箭头函数
fun =(x,y)=>{
console.log(x,y)
}
rest 参数

...变量名 ES5下类似于arguments

//ES5
function fun(...values){
console.log(values[2])  //333 
}
fun(1,22,333);
//ES6

...扩展运算符:表示里面含有多个参数
针对数组

let fun = function(x,y,z) {
        console.log(x);
        console.log(z);
} 
 var arr = [1,2,3,4];
fun(...arr);

数组合并

 //ES5
var arr1 = [1,2];
arr1.concat([3,4,5]);
//ES6
 let arr1 = [11,22];
let arr2 = [1,2,3];
[...arr2 , ...arr1]
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第2章 基本语法 2.1 概述 基本句法和变量 语句 JavaScript程序的执行单位为行(line),也就是一...
    悟名先生阅读 4,221评论 0 13
  • 三,字符串扩展 3.1 Unicode表示法 ES6 做出了改进,只要将码点放入大括号,就能正确解读该字符。有了这...
    eastbaby阅读 1,584评论 0 8
  • [TOC] 参考阮一峰的ECMAScript 6 入门参考深入浅出ES6 let和const let和const都...
    郭子web阅读 1,824评论 0 1
  • 痛心万分
    YZYS阅读 123评论 0 0
  • VO(View Object):视图对象,用于展示层,它的作用是把某个指定页面(或组件)的所有数据封装起来。 DT...
    ll0292阅读 714评论 0 2