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 相关文章推荐
基于javascript实现表格的简单操作
May 21 Javascript
Google 地图类型详解及示例代码
Aug 06 Javascript
AngularJs ng-repeat 嵌套如何获取外层$index
Sep 21 Javascript
浅谈js对象的创建和对6种继承模式的理解和遐想
Oct 16 Javascript
JavaScript中省略元素对数组长度的影响
Oct 26 Javascript
vuejs2.0实现分页组件使用$emit进行事件监听数据传递的方法
Feb 22 Javascript
Javascript实现时间倒计时效果
Jul 15 Javascript
浅谈webpack4 图片处理汇总
Sep 12 Javascript
详解vue 项目白屏解决方案
Oct 31 Javascript
微信小程序点餐系统开发常见问题汇总
Aug 06 Javascript
vue css 引入asstes中的图片无法显示的四种解决方法
Mar 16 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 nl2br()格式化输出的详解
2013/06/05 PHP
PHP的Yii框架入门使用教程
2016/02/15 PHP
PHP实现websocket通信的方法示例
2018/08/28 PHP
php设计模式之状态模式实例分析【星际争霸游戏案例】
2020/03/26 PHP
Javascript的闭包
2009/12/31 Javascript
基于JQuery的浮动DIV显示提示信息并自动隐藏
2011/02/11 Javascript
JavaScript 原型继承之构造函数继承
2011/08/26 Javascript
JavaScript判断textarea值是否为空并给出相应提示
2014/09/04 Javascript
网页禁用右键菜单和鼠标拖动选择方法小结
2015/02/25 Javascript
AngularJS转换响应内容
2016/01/27 Javascript
JavaScript中的Reflect对象详解(ES6新特性)
2016/07/22 Javascript
bootstrap3 dialog 更强大、更灵活的模态框
2017/04/20 Javascript
微信小程序数字滚动插件使用详解
2018/02/02 Javascript
vue .sync修饰符的使用详解
2018/06/15 Javascript
node上的redis调用优化示例详解
2018/10/30 Javascript
vue开发环境配置跨域的方法步骤
2019/01/16 Javascript
Vue-input框checkbox强制刷新问题
2019/04/18 Javascript
JS数组方法shift()、unshift()用法实例分析
2020/01/18 Javascript
微信小程序getLocation 需要在app.json中声明permission字段
2020/03/03 Javascript
JavaScript运动原理基础知识详解
2020/04/02 Javascript
[01:32]2016国际邀请赛中国区预选赛IG战队首日赛后采访
2016/06/27 DOTA
简单介绍Python中的RSS处理
2015/04/13 Python
python使用pil生成图片验证码的方法
2015/05/08 Python
python得到单词模式的示例
2018/10/15 Python
Python3直接爬取图片URL并保存示例
2019/12/18 Python
PyCharm 专业版安装图文教程
2020/02/20 Python
Django 允许局域网中的机器访问你的主机操作
2020/05/13 Python
Python3 ID3决策树判断申请贷款是否成功的实现代码
2020/05/21 Python
中国宠物用品商城:E宠商城
2016/08/27 全球购物
Marriott国际:万豪国际酒店查询预订
2017/09/25 全球购物
优秀应届毕业生自荐信
2013/11/16 职场文书
护士思想汇报
2014/01/12 职场文书
暑期培训心得体会
2014/09/02 职场文书
党员对照检查剖析材料
2014/10/13 职场文书
2021年pycharm的最新安装教程及基本使用图文详解
2021/04/03 Python
java中为什么说子类的构造方法默认访问的是父类的无参构造方法
2022/04/13 Java/Android