ES6的数值扩展

• 字符串转数值

let int = Number.parseInt('1236');console.log(int);

• 字符串转float

 let float = Number.parseFloat('56.36');console.log(float);

• 判断是否为一个整数

let b = Number.isInteger(58.25);console.log(b);

• 将数字小数部分抹除

   let number = Math.trunc(2.36);console.log(number);

• 检测一个数值是否是NaN

 let naN = Number.isNaN(123);console.log(naN);

• 检测一个数是正数 负数 还是 零

负数返回值-1 正数返回值1 零的返回值是0

  let number = Math.sign(-25);console.log(number);

ES6对象方法扩展

• 判断两个值是否完全相等

 console.log(Object.is(102, 111));//falseconsole.log(Object.is(NaN, NaN));//true

• 对象的合并

<script>const config1={host:'localhost',port:'3306',name:'root',pass:'root',}const config2={host:'http://www.baidu.com',port:'633',name:'aa',pass:'bb',}console.log(Object.assign(config1, config2));
</script>

Object.setPrototypeOf(设置原型对象)

函数Person（对象）有个属性prototype（指针）指向原型对象。 Person.prototype（原型对象，实质也是对象），他有个属性constructor（指针） ，又指向 Person函数对象

console.log(Person === Person.prototype.constructor); //true

• 设置原型获取原型

<script>const school={name:'尚硅谷'}const cities={xiaoqu:['北京','上海','深圳',]}//设置原型Object.setPrototypeOf(school,cities);//获取原型console.log(Object.getPrototypeOf(school));console.log(school);
</script>

ES6模块化

模块化是指将一个大的程序文件，拆分成许多小的文件，然后将小文件组合起来

ES6模块化介绍、优势以及产品

模块化的优势有以下几点：

• 防止命名冲突
• 代码复用
• 高维护性

ES6浏览器使用ES6模块化引入模块

模块功能主要由两个命令构成：export和import
export命令用于规定模块的对外输出接口
import命令用于输入其他模块提供的功能

• 使用export定义模块化组件

//分别暴露
export let school='尚硅谷';
export function teach() {console.log('学习es6');
}

• 使用import引入模块化组件

【*】表示引入所有对外输出模块，【as m1】表示将对外的输出模块表示为m1

<script type="module">//引入m1.js 模块内容import * as m1 from '../src/m1.js'console.log(m1);
</script>

ES6模块暴露数据语法汇总

有分别暴露 统一暴露 默认暴露

//分别暴露
export let school='尚硅谷';
export function teach() {console.log('学习es6');
}

//统一暴露
let school='尚硅谷';
function findJob() {console.log('我们可以帮助你找工作');
}
//先定义最后进行输出
export {school,findJob}

//默认暴露
export default {school:'尚硅谷',change:function () {console.log('我们可以改变');}
}

ES6模块引入语法汇总

有通用方式、结构赋值的形式、默认引入、简便形式

//通用方式
<script type="module">//引入m1.js 模块内容import * as m1 from '../src/m1.js'console.log(m1);
</script>

//解构赋值的形式(也可以使用别名)
<script type="module">//引入m2.js 模块内容import {school,teach} from "./m1.js";console.log(school);console.log(teach());
</script>

默认引入必须加别名

//默认引入
<script type="module">//引入m3.js 模块内容import {default as m3} from './m3.js'console.log(m3.school);console.log(m3.change());
</script>

简便形式只针对默认暴露

//简便形式
<script type="module">//引入m3.js 模块内容import m3 from "./m3.js";    console.log(m3);
</script>

浏览器使用ES6模块化方式二

定义一个入口文件，将要使用的模块引入入口文件中，然后具体文件使用的时候只引入入口文件就行

//入口文件//模块引入
import * as m1 from './m1.js'
import {school} from "./m2.js"
import m3 from "./m3.js";

• 使用

<!--引入入口文件-->
<script src="app.js" type="module"></script>

ECMAScript7新特性

<script>//includes(数组是否包含某个元素)const mingzhu=['西游记','红楼梦','三国演义','水浒传'];//判断console.log(mingzhu.includes('西游记'));//**（幂运算） 计算2的十次方console.log(2 ** 64);
</script>