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 相关文章推荐
jQuery get和post 方法传值注意事项
Nov 03 Javascript
jquery validate 自定义验证方法介绍 日期验证
Feb 27 Javascript
javascript数组去重方法终极总结
Jun 05 Javascript
JavaScript获取某年某月的最后一天附截图
Jun 23 Javascript
javascript 面向对象封装与继承
Nov 27 Javascript
javascript跨域原因以及解决方案分享
Apr 08 Javascript
浅谈JavaScript前端开发的MVC结构与MVVM结构
Jun 03 Javascript
由浅入深剖析Angular表单验证
Jul 14 Javascript
利用JQUERY实现多个AJAX请求等待的实例
Dec 14 jQuery
vue2.0.js的多级联动选择器实现方法
Feb 09 Javascript
详解Jest结合Vue-test-utils使用的初步实践
Jun 27 Javascript
javascript操作元素的常见方法小结
Nov 13 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
实现“上一页”和“下一页按钮
2006/10/09 PHP
php 执行系统命令的方法
2009/07/07 PHP
PHP中创建空文件的代码[file_put_contents vs touch]
2012/01/20 PHP
PHP不用递归实现无限分级的例子分享
2014/04/18 PHP
PHP大神的十大优良习惯
2016/09/14 PHP
jQuery 表格工具集
2010/04/25 Javascript
jquery 表格的增行删行实现思路
2013/03/21 Javascript
flash+jQuery实现可关闭及重复播放的压顶广告
2015/04/15 Javascript
浅谈js对象的创建和对6种继承模式的理解和遐想
2016/10/16 Javascript
深入学习jQuery中的data()
2016/12/22 Javascript
jquery中ajax请求后台数据成功后既不执行success也不执行error的完美解决方法
2017/12/24 jQuery
解决jquery的ajax调取后端数据成功却渲染失败的问题
2018/08/08 jQuery
用jQuery将JavaScript对象转换为querystring查询字符串的方法
2018/11/12 jQuery
微信小程序日历效果
2018/12/29 Javascript
react 不用插件实现数字滚动的效果示例
2020/04/14 Javascript
跟老齐学Python之眼花缭乱的运算符
2014/09/14 Python
Ubuntu下安装PyV8
2016/03/13 Python
[原创]python爬虫(入门教程、视频教程)
2018/01/08 Python
django中静态文件配置static的方法
2018/05/20 Python
Python之inspect模块实现获取加载模块路径的方法
2018/10/16 Python
对python3新增的byte类型详解
2018/12/04 Python
Python类的继承用法示例
2019/01/31 Python
Python3 pip3 list 出现 DEPRECATION 警告的解决方法
2019/02/16 Python
简单介绍python封装的基本知识
2019/08/10 Python
Python3之字节串bytes与字节数组bytearray的使用详解
2019/08/27 Python
Python操作多维数组输出和矩阵运算示例
2019/11/28 Python
J.Crew官网:美国知名休闲服装品牌
2017/05/19 全球购物
Pat McGrath Labs官网:世界上最有影响力的化妆师推出的彩妆品牌
2018/01/07 全球购物
世界上获奖最多的手机镜头:Olloclip
2018/03/03 全球购物
请描述一下”is a”关系和”has a”关系
2015/02/03 面试题
伊索寓言教学反思
2014/05/01 职场文书
欢迎领导检查标语
2014/06/27 职场文书
门球健将观后感
2015/06/16 职场文书
2019最新婚庆对联集锦!
2019/07/10 职场文书
浏览器常用基本操作之python3+selenium4自动化测试(基础篇3)
2021/05/21 Python
Python制作春联的示例代码
2022/01/22 Python