JavaScript中的全局属性与方法深入解析


Posted in Javascript onJune 14, 2020

今天来补充JavaScript中的最后一部分内容,JavaScript中的全局属性和方法(函数)。

1.全局属性

// 属性
 // Infinity 代表正的无穷大的数值。
 // 在Javascript中,超出 1.7976931348623157E+103088 的数值即为Infinity,小于 -1.7976931348623157E+103088 的数值为无穷小。
 var num1 = 1.7976931348623157E+103088;
 var num2 = -1.7976931348623157E+103088;
 console.log(num1);
 console.log(num2);

 // NaN  指示某个值是不是数字值。
 console.log(Number("abc"));
 // undefined 指示未定义的值。
 var a;
 console.log(a);

2.全局方法

// 方法

 // encodeURI() 把字符串编码为 URI。
 // encodeURIComponent() 把字符串编码为 URI 组件。
 var str="我是一个中国人";
 var str3=encodeURI(str);
 console.log(str3);//%E6%88%91%E6%98%AF%E4%B8%80%E4%B8%AA%E4%B8%AD%E5%9B%BD%E4%BA%BA
 

 // decodeURI() 解码某个编码的 URI。
 var str4="file:///D:/test/0610/07JavaScript%E7%9A%84%E5%85%A8%E5%B1%80%E5%B1%9E%E6%80%A7%E5%92%8C%E6%96%B9%E6%B3%95.html";
 console.log(decodeURI(str4));
 // decodeURIComponent() 解码一个编码的 URI 组件。

 // escape() 对字符串进行编码。 
 var str5=escape(str);
 console.log(str5);
 // unescape() 对由 escape() 编码的字符串进行解码。
 console.log(unescape(str5));

 // eval() 计算 JavaScript 字符串,并把它作为脚本代码来执行。
 var str1 = "1";
 var str2 = "2";
 console.log(Number(str1) + Number(str2));
 console.log(eval(str1+"+"+str2));

 // isFinite() 检查某个值是否为 有穷大 的数。 NaN 正负无穷 false
 console.log(isFinite(num1));
 // isNaN() 检查某个值是否是数字。
 console.log(isNaN("abc"));

 // Number() 把对象的值转换为数字。
 console.log(Number("123"));
 console.log(Number(true));
 // parseFloat() 解析一个字符串并返回一个浮点数。 小数
 console.log(Number("123a"));//NaN
 console.log(parseFloat("123.8a"));
 // parseInt() 解析一个字符串并返回一个整数。
 console.log(parseInt("123.8a"));//123 解析数字 取整数部分
 console.log(parseInt("a123.8"));//NaN
 // String() 把对象的值转换为字符串。
 var obj={"name":"张三"}
 console.log(String(obj));//[object Object]

主要要记住几个全局方法的使用,比如数据类型的转换,以及编码解码方法的使用(用来解决带有中文路径的URL乱码的问题)。

附:

下面普及几个我总结的非常实用又很基础的知识:(呵呵,仅仅是学习权威指南的笔记而已)

typeof 返回的是字符串,有8种可能:"number"、"string"、"boolean"、"object"、"function"、"undefined"、"symbol"(ES6)、宿主对象类型

假值:false、 null、 undefined、 0 、-0 、NaN、""

真值:除了以上的值,其他值均为真值;

对象:除了字符串字面量、数字字面量、true、false、null、undefined之外,其他值都是对象!

数字a 转 字符串:

  • a.toString(n) //n表示进制
  • a.toFixed(i) a.toPrecision(j) //i为小数位数,j为要显示位数
  • a.toExponential(i) //科学计数形式

字符串s 转数字:转换失败返回NaN,忽略前置的空格,尽可能多的转换数字,忽略后面的非数字内容,其中'0X'、'0x'开头的则把它当着16进制数来转换

  • parseInt(s,n) //n表示进制,可选参数,把s当着n进制数来转为十进制数
  • parseFloat(s) //转为浮点数

总结:

到此这篇关于JavaScript中全局属性与方法解析的文章就介绍到这了,更多相关JavaScript全局属性与方法内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
禁止刷新,回退的JS
Nov 25 Javascript
js实现的网页颜色代码表全集
Jul 17 Javascript
JavaScript Perfection kill 测试及答案
Mar 23 Javascript
js 实现复制到粘贴板的功能代码
May 13 Javascript
理解JavaScript的prototype属性
Feb 11 Javascript
用示例说明filter()与find()的用法以及children()与find()的区别分析
Apr 26 Javascript
jquery点击缩略图切换视频播放特效代码分享
Sep 15 Javascript
jQuery+CSS3实现3D立方体旋转效果
Nov 10 Javascript
Javascript基于AJAX回调函数传递参数实例分析
Dec 15 Javascript
javascript垃圾收集机制的原理分析
Dec 08 Javascript
兼容浏览器的js事件绑定函数(详解)
May 09 Javascript
VUE前端从后台请求过来的数据进行转换数据结构操作
Nov 11 Javascript
Vue使用Three.js加载glTF模型的方法详解
Jun 14 #Javascript
浅谈Vue 自动化部署打包上线
Jun 14 #Javascript
JS定时器如何实现提交成功提示功能
Jun 12 #Javascript
Jquery ajax书写方法代码实例解析
Jun 12 #jQuery
ng-alain的sf如何自定义部件的流程
Jun 12 #Javascript
如何在微信小程序中使用骨架屏的步骤
Jun 12 #Javascript
基于Web Audio API实现音频可视化效果
Jun 12 #Javascript
You might like
php 中文字符入库或显示乱码问题的解决方法
2010/04/12 PHP
php安全开发 添加随机字符串验证,防止伪造跨站请求
2013/02/14 PHP
解析CodeIgniter自定义配置文件
2013/06/18 PHP
php+js实现异步图片上传实例分享
2014/06/02 PHP
PHP验证码生成原理和实现
2016/01/24 PHP
Yii框架引用插件和ckeditor中body与P标签去除的方法
2017/01/19 PHP
在线游戏大家来找茬II
2006/09/30 Javascript
js实现运行代码需要刷新的解决方法
2007/08/18 Javascript
javascript拓展DOM操作 prependChild insertAfert
2010/11/17 Javascript
javascript定时变换图片实例代码
2013/03/17 Javascript
js子页面获取父页面数据示例
2014/05/15 Javascript
jQuery中ajax的post()方法用法实例
2014/12/26 Javascript
Web表单提交之disabled问题js解决方法
2015/01/13 Javascript
Vue.js 2.0 移动端拍照压缩图片预览及上传实例
2017/04/27 Javascript
Webpack如何引入bootstrap的方法
2017/06/17 Javascript
Angular5.1新功能分享
2017/12/21 Javascript
vue轮播图插件vue-concise-slider的使用
2018/03/13 Javascript
vue-cli3访问public文件夹静态资源报错的解决方式
2020/09/02 Javascript
通过JS判断网页是否为手机打开
2020/10/28 Javascript
基于element-ui封装表单金额输入框的方法示例
2021/01/06 Javascript
使用Python编写简单网络爬虫抓取视频下载资源
2014/11/04 Python
Python实现扫描局域网活动ip(扫描在线电脑)
2015/04/28 Python
python并发编程之多进程、多线程、异步和协程详解
2016/10/28 Python
TensorFlow实现创建分类器
2018/02/06 Python
Python数据分析库pandas基本操作方法
2018/04/08 Python
python3基于OpenCV实现证件照背景替换
2018/07/18 Python
利用pyuic5将ui文件转换为py文件的方法
2019/06/19 Python
win10安装tensorflow-gpu1.8.0详细完整步骤
2020/01/20 Python
Foot Locker加拿大官网:美国知名运动产品零售商
2019/07/21 全球购物
如何写出高性能的JSP和Servlet
2013/01/22 面试题
司机辞职报告范文
2014/01/20 职场文书
开学寄语大全
2014/04/08 职场文书
大学迎新生欢迎词
2015/09/29 职场文书
创业不要错过,这4种餐饮新模式
2019/07/18 职场文书
Python爬虫 简单介绍一下Xpath及使用
2022/04/26 Python
Python 绘制多因子柱状图
2022/05/11 Python