一、es6的数值扩展
//数值扩展
parseInt(11.123);
parseFloat(11.123);
//es6 Number对象
Number.parseInt(11.123); //11
Number.parseFloat(11.123); //11.123
Number.isInteger(12); //true
Number.isInterger(12.1233); //false
//Math
Math.ceil(3.9); //向上4
Math.floor(3.9); //向下3
Math.round(3.9); //四舍五入
Math.trunc(3.9); //去除小数部分返回整数部分
Math.trunc('3.9a'); //NaN
Number.parseInt('3.9a'); //3
//判断一个数到底是正数负数零还是其他非数值
////正数，返回+1
//负数 返回-1
//0 返回0
//其他非数值 返回NaN
Math.sign('3.9gg')
Math.sign(3)
Math.sign(-89)
Math.sign(0)
//ES6 新增加运算符 **指数运算符
2**2 //4
2**3 //2*2*2
let a = 3;
a**=2;
console.log(a)
//a**=2 <=> a=a*a
二、es6的函数扩展
//函数扩展
//ES5
function fun(a,b){
b = b||10;
console.log(a,b);
};
fun(2); //2 10
//ES6
function fun(a,b=10){
console.log(a,b);
}
fun(2);
//ES5 arguments 对象
function fun(arguments){
console.log(arguments.length); //error,对象取不到长度
};
fun(4234,22,35,3,326,56,88,99,45,2155,2654);
function fun(arguments){
console.log(arguments);
}; //4234
fun(4234,22,35,3,326,56,88,99,45,2155,2654);
//...rest参数 ...变量名(而非扩展运算符)
function fun(...num){
console.log(num);
}
fun(4234,22,35,3,326,56,88,99,45,2155,2654);//将多余参数放入一个新数组[4234,22,35,3,326,56,88,99,45,2155,2654]里
function fun(...num){
console.log(num[1]);
}
fun(4234,22,35,3,326,56,88,99,45,2155,2654); //22
//计算1,2,4和
function add(...num){
let n = 0;
for(var v of num){ //num ==== [1,2,4]
n+=v;
}
return n;
}
add(1,2,4);
//作用域
var a =1;
function fun(b=a){ //全局变量做默认值
console.log(b)
};
fun() //1
//严格模式 'use strict'
function fun(a,b){
'use strict';
console.log(a+b);
};
fun(2,6);
//es6 error
function fun(a,b=1){
'use strict';
console.log(a+b)
}
fun(2,6)
//OK
'use strict';
function fun(...a){
console.log(a);
};
fun(2,6);
//箭头函数
var f = v =>v; //①
var f = function(v){ //②
return v
}; //①和②写法等价
var f = (a,b=1)=> a+b;
f(2,5);//求a+b的和
var f = ({x=0,y=1} = {})=>{
//默认值是空对象，但是设置了对象解构赋值的默认值
return {x:x,y:y}
};
f({x:3,y:5}); //{x:3,y:5}
//另写法
var f = ({x,y} = {x:0,y:1})=>{
//函数参数的默认值是一个有具体属性的对象，但是没有设置对象解构赋值的默认值
return {x:x,y:y}
};
f({x:3,y:5}); //{x:3,y:5}
//注意点
//1、箭头函数不能用构造函数，不能实例化
var F = ()=>{};
var f1 = new F(); //F is not a constructor
//2、箭头函数this指向 没有自己的this，指向外围作用域
var obj ={
name:'abc',
f:function(){
console.log(this); //obj
},
f2:()=>{
console.log(this); //window
}
}
obj.f();
var obj ={
name:'abc',
f:function(){
console.log(this); //obj
},
f2:function(){
var fun=()=>this;
return fun() //obj
}
}
obj.f2();
function Person(){
this.name = 'aaa';
// setTimeout(function(){
// console.log(this); //window
// },2000)
setTimeout(()=>{
console.log(this.name) //实例化对象
},2000)
};
var p = new Person();
//3、arguments 参数
//箭头函数没有绑定arguments 取代rest参数
var f = (a) =>{
console.log(arguments); //arguments is not defined
};
f(1,2,3);
//rest参数
var f = (...a) => a //[1,2,3]
f(1,2,3)
//4、箭头函数没有原型属性
function f(){};
f.prototype //ok
var f =()=>{};
f.prototype //error
代码效果：
三、es6字符串扩展
常用方法
代码效果：
>charAt(); //作用：查找字符串中某位置的字符
var str = 'hello world'; str.charAt(6) //'w'
>indexOf(); //作用：通过字符查找该字符在字符串中位置
var str = 'hello world'; str.indexOf('w') //6
>lastIndexOf();//作用：查找字符最后一次出现的位置
var str = 'hello world'; str.lastIndexOf('w') //9
>substr(); //str.substr(start,length)，作用：截取字符串
var str = 'hello world'; str.substr(2,2) //'ll'
>substring(); //str.substring(start,stop) 不包含stop，作用：截取字符串
var str = 'hello world'; str.substring(0,7) //"hello w"
>slice();str.slice(start,end)，作用：可提取字符串的某个部分，并以新的字符串返回被提取的部分
var str = 'hello world'; str.slice(0,7) //"hello w"
>split(); //str.split(separator,howmany)，作用：把一个字符串分割成字符串数组
var str = 'hello' ; str.split('',2) //["h", "e"]
>toLowerCase();str.LowerCase()，作用：将字符串由大写转小
var str = 'HELLO' ; str.LowerCase()() //"hello"
>toUpperCase();str.toUpperCase()，作用：将字符串由小写转大写
var str = 'hello' ; str.toUpperCase() //"HELLO"
ES6
startsWith(); //返回布尔值 表示参数字符串是否在原字符串的头部
endsWith(); //返回布尔值 尾部
includes(); //返回布尔值 是否包含参数字符串
var str = 'hello world';
if(str.indexOf('h') != -1){
console.log('ok')
};
str.includes('h'); //是否匹配h
str.includes('h',3); //第二个参数表示搜 索的位置 从第3个开始搜索h
//字符串循环
for(let s of 'hello') {
console.log(s)
};
repeat(3); //重复次数
'x'.repeat(3); //'xxx'
var str = 'hello';
str.repeat(2);
str.repeat(0);
str.repeat(2.5); //向下取整
//补全
padStart();
'x'.padStart(5,'yz');//5表示指定的长度，在头部补全 yzyzx
'x'.padEnd(5,'yz'); //xyzyz
对象解构在函数中的应用
ES6字符串方法