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 DOM操作小结与实例
Jan 07 Javascript
浏览器图片选择预览、旋转、批量上传的JS代码实现
Dec 04 Javascript
javascript内置对象操作详解
Feb 04 Javascript
jQuery实现渐变弹出层和弹出菜单的方法
Feb 20 Javascript
jQuery结合AJAX之在页面滚动时从服务器加载数据
Jun 30 Javascript
很棒的js Tab选项卡切换效果
Aug 30 Javascript
JS实现京东首页之页面顶部、Logo和搜索框功能
Jan 12 Javascript
Node.js pipe实现源码解析
Aug 12 Javascript
JS获取数组中出现次数最多及第二多元素的方法
Oct 27 Javascript
详解AngularJS 过滤器的使用
Jun 02 Javascript
使用Vue.set()方法实现响应式修改数组数据步骤
Nov 09 Javascript
一篇文章看懂JavaScript中的回调
Jan 05 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安全配置
2006/12/06 PHP
php中获取指定IP的物理地址的代码(正则表达式)
2011/06/23 PHP
thinkphp的c方法使用示例
2014/02/24 PHP
js 对象是否存在判断
2009/07/15 Javascript
在网站上应该用的30个jQuery插件整理
2011/11/03 Javascript
JavaScript打开word文档的实现代码(c#)
2012/04/16 Javascript
js获取单选框或复选框值及操作
2012/12/18 Javascript
jquery 单引号和双引号的区别及使用注意
2013/07/31 Javascript
通过JS来判断页面控件是否获取焦点
2014/01/03 Javascript
js的Prototype属性解释及常用方法
2014/05/08 Javascript
js图片处理示例代码
2014/05/12 Javascript
javascript操作符"!~"详解
2015/02/10 Javascript
使用RequireJS优化JavaScript引用代码的方法
2015/07/01 Javascript
JavaScript实现选择框按比例拖拉缩放的方法
2015/08/04 Javascript
深入浅析javascript立即执行函数
2015/10/23 Javascript
浅析Bootstrap表格的使用
2016/06/23 Javascript
JS图片等比例缩放方法完整示例
2016/08/03 Javascript
详解nodejs微信公众号开发——6.自定义菜单
2017/04/13 NodeJs
vue的列表交错过渡实现代码示例
2019/05/05 Javascript
解析vue、angular深度作用选择器
2019/09/11 Javascript
NProgress显示顶部进度条效果及使用详解
2019/09/21 Javascript
《javascript设计模式》学习笔记七:Javascript面向对象程序设计组合模式详解
2020/04/08 Javascript
如何在JavaScript中使用localStorage详情
2021/02/04 Javascript
解决Mac安装scrapy失败的问题
2018/06/13 Python
python 导入数据及作图的实现
2019/12/03 Python
python代码实现将列表中重复元素之间的内容全部滤除
2020/05/22 Python
地图可视化神器kepler.gl python接口的使用方法
2020/12/22 Python
舞蹈毕业生的自我评价
2014/03/05 职场文书
办公室主任职责范本
2014/03/07 职场文书
2014年前台个人工作总结
2014/11/14 职场文书
2016大学军训心得体会
2016/01/11 职场文书
2016大一新生入学教育心得体会
2016/01/23 职场文书
从贫穷到富有,是知识技能和学习力的差别
2019/08/20 职场文书
死磕 java同步系列之synchronized解析
2021/06/28 Java/Android
Python实现查询剪贴板自动匹配信息的思路详解
2021/07/09 Python
《堡垒之夜》联动《刺客信条》 4月7日正式上线
2022/04/06 其他游戏