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 技巧大全(新手入门篇)
May 12 Javascript
jquery时间下拉框小例子
Apr 15 Javascript
快速解决jQuery与其他库冲突的方法介绍
Jan 02 Javascript
jQuery购物车插件jsorder用法(支持后台处理程序直接转换成DataTable处理)
Jun 08 Javascript
JQuery EasyUI的一些常用组件
Jul 12 jQuery
javascript 中select框触发事件过程的分析
Aug 01 Javascript
jQuery 1.9版本以上的浏览器判断方法代码分享
Aug 28 jQuery
JS中关于正则的巧妙操作
Aug 31 Javascript
Vue如何从1.0迁移到2.0
Oct 19 Javascript
写一个移动端惯性滑动&回弹Vue导航栏组件 ly-tab
Mar 06 Javascript
mint-ui在vue中的使用示例
Apr 05 Javascript
Vue-Element-Admin集成自己的接口实现登录跳转
Jun 23 Vue.js
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输出Excel文件类
2010/02/08 PHP
PHP入门之常量简介和系统常量
2014/05/12 PHP
制作安全性高的PHP网站的几个实用要点
2014/12/30 PHP
PHP封装的数据库保存session功能类
2016/07/11 PHP
完美解决phpexcel导出到xls文件出现乱码的问题
2016/10/29 PHP
javascript 按回车键相应按钮提交事件
2009/11/02 Javascript
javascript面向对象编程(一) 实例代码
2010/06/25 Javascript
js字符串日期yyyy-MM-dd转化为date示例代码
2014/03/06 Javascript
JS中的构造函数详细解析
2014/03/10 Javascript
js识别不同浏览器基于userAgent做判断
2014/07/29 Javascript
AngularJS基础学习笔记之控制器
2015/05/10 Javascript
jQuery获取页面元素绝对与相对位置的方法
2015/06/10 Javascript
AngularJS实现元素显示和隐藏的几个案例
2015/12/09 Javascript
基于javascript实现页面加载loading效果
2020/09/15 Javascript
JavaScript基础语法之js表达式
2016/06/07 Javascript
利用jsonp跨域调用百度js实现搜索框智能提示
2016/08/24 Javascript
分分钟玩转Vue.js组件
2016/10/25 Javascript
JS常用加密编码与算法实例总结
2016/12/22 Javascript
JavaScript运动框架 多值运动(四)
2017/05/18 Javascript
简单实现js拖拽效果
2017/07/25 Javascript
一篇文章介绍redux、react-redux、redux-saga总结
2019/05/23 Javascript
详解基于Wepy开发小程序插件(推荐)
2019/08/01 Javascript
一文读懂vue动态属性数据绑定(v-bind指令)
2020/07/20 Javascript
[02:51]DOTA2英雄基础教程 艾欧
2014/01/13 DOTA
深入理解Python中的super()方法
2017/11/20 Python
Python实现控制台中的进度条功能代码
2017/12/22 Python
Python静态类型检查新工具之pyright 使用指南
2019/04/26 Python
欧洲最大的美妆零售网站:Feelunique
2017/01/14 全球购物
美国百年历史早餐食品供应商:Wolferman’s
2017/01/18 全球购物
ORACLE第二个十问
2013/12/14 面试题
医院护士求职自荐信格式
2013/09/21 职场文书
餐饮管理自我介绍信
2014/01/15 职场文书
理工大学毕业生自荐信范文
2014/02/22 职场文书
幼儿园毕业典礼主持词
2014/03/21 职场文书
纪念9.18事变演讲稿
2014/09/14 职场文书
出纳试用期自我鉴定范文
2014/09/16 职场文书