ES6 数据拓展Number,对象方法,三种模块化应用,npm包导入和转换(四)

1.3 Number.isFinite


它的功能就是检测一个数值是否为有限数。

1.4 Number.isNaN


检测一个数值是否是NaN的。

1.5 Number.parseInt 和 Number.parseFloat


将字符串转为整数。

在这里插入图片描述

1.6 Number.isInteger


判断一个数是否为整数。

1.7 Math.trunc


将数字的小数部分抹掉。

1.8 Math.sign


判断一个数到底为整数,还是负数,还是零。如果为整数返回1,负数返回-1,零返回0。

2. 对象方法

=====================================================================

2.1 Object.is(value1 ,value2)


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

2.2 Object.assign


它是对对象的合并。

注意事项:

这里是config2覆盖了config1,并且合并了config2中没有的键值对。

2.3 Object.setPrototypeOf 和 Object.getPrototypeOf


Object.setPrototypeOf设置原型对象,Object.getPrototypeOf获取对象。

3. ES6 模块化

========================================================================

3.1 模块化介绍


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

模块化好处:

**1. 防止命名冲突。

2. 代码复用。

3. 高维护性。**

3.2 ES6 模块化语法


3.2.1 第一种方式 暴露和引入

模块功能主要由两个命令构成:export(暴露) 和 import(引入)。

这里其实和我们遇到的java导入jar包相似。

**export命令用于规定模块的对外接口。

import命令用于输入其他模块提供的功能。**

这里的export(暴露)分为:

**1.分别暴露

2. 统一暴露

3. 默认暴露。**

同样,这里的import(引入)分为:

**1. 通用导入方式。

2. 解析赋值形式,重名和默认暴露都要用as起别名。

3. 简便形式,它只能针对默认暴露。并且不用写default。**

3.2.2 第二种方式 src属性和入口文件

使用src属性来,进行导入。

就像下面是的,直接使用src导入,但是type必须是module值。

就像下面的app.js类似一个入口文件。

在这里插入图片描述

在这里插入图片描述

4. ES6 babel的转换

=============================================================================

babel是一个JavaScript的编译器,可以访问官方babel来了解一下它。

babel功能就是将ES6以上的版本语法,转换为浏览器能识别的语法(大部分是转换为ES5)。

过程:

1.npm init --yes //初始化

2.npm i babel-cli babel-preset-env browserify -D //-D就是依赖

3.npx babel //转化

4.npx browserify //打包

这里只是初步了解一下bebal,后续会补充关于bebal的详细内容。

5. npm 安装和导入

==========================================================================

最后

做任何事情都要用心,要非常关注细节。看起来不起眼的、繁琐的工作做透了会有意想不到的价值。
当然要想成为一个技术大牛也需要一定的思想格局,思想决定未来你要往哪个方向去走, 建议多看一些人生规划方面的书籍,多学习名人的思想格局,未来你的路会走的更远。

更多的技术点思维导图我已经做了一个整理,涵盖了当下互联网最流行99%的技术点,在这里我将这份导图分享出来,以及为金九银十准备的一整套面试体系,上到集合,下到分布式微服务

================================================================

最后

做任何事情都要用心,要非常关注细节。看起来不起眼的、繁琐的工作做透了会有意想不到的价值。
当然要想成为一个技术大牛也需要一定的思想格局,思想决定未来你要往哪个方向去走, 建议多看一些人生规划方面的书籍,多学习名人的思想格局,未来你的路会走的更远。

更多的技术点思维导图我已经做了一个整理,涵盖了当下互联网最流行99%的技术点,在这里我将这份导图分享出来,以及为金九银十准备的一整套面试体系,上到集合,下到分布式微服务

[外链图片转存中…(img-XgDIlkuc-1721133740095)]

[外链图片转存中…(img-NhOOaARj-1721133740096)]

[外链图片转存中…(img-3pesEh9j-1721133740096)]

[外链图片转存中…(img-rxS0dWgf-1721133740097)]

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值