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 相关文章推荐
比较简单的一个符合web标准的JS调用flash方法
Nov 29 Javascript
jQuery 1.5 源码解读 面向中高阶JSER
Apr 05 Javascript
设置iframe的document.designMode后仅Firefox中其body.innerHTML为br
Feb 27 Javascript
js实现拖拽效果(构造函数)
Dec 14 Javascript
深入浅析JavaScript面向对象和原型函数
Feb 06 Javascript
Canvas + JavaScript 制作图片粒子效果
Feb 08 Javascript
利用JavaScript实现栈的数据结构示例代码
Aug 02 Javascript
vue2.0 如何把子组件的数据传给父组件(推荐)
Jan 15 Javascript
详解Vue内部怎样处理props选项的多种写法
Nov 06 Javascript
生产制造追溯系统之再说条码打印
Jun 03 Javascript
SSM+layUI 根据登录信息显示不同的页面方法
Sep 20 Javascript
全局安装 Vue cli3 和 继续使用 Vue-cli2.x操作
Sep 08 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 escape URL编码
2008/12/10 PHP
php用户注册信息验证正则表达式
2015/11/12 PHP
php字符集转换
2017/01/23 PHP
PHP基于SMTP协议实现邮件发送实例代码
2017/04/27 PHP
用javascript做拖动布局的思路
2008/05/31 Javascript
Mootools 1.2教程 设置和获取样式表属性
2009/09/15 Javascript
JS图片根据鼠标滚动延时加载的实例代码
2013/07/13 Javascript
js 实现 input type="file" 文件上传示例代码
2013/08/07 Javascript
高效的获取当前元素是父元素的第几个子元素
2013/10/15 Javascript
JavaScript中创建类/对象的几种方法总结
2013/11/29 Javascript
JS闭包、作用域链、垃圾回收、内存泄露相关知识小结
2016/05/16 Javascript
详解如何提高 webpack 构建 Vue 项目的速度
2017/07/03 Javascript
解析vue中的$mount
2017/12/21 Javascript
JavaScript闭包相关知识解析
2019/10/19 Javascript
[48:23]DOTA2上海特级锦标赛主赛事日 - 4 败者组第四轮#1COL VS EG第一局
2016/03/05 DOTA
Python urlopen 使用小示例
2008/09/06 Python
python单例模式实例分析
2015/04/08 Python
python验证码识别教程之利用滴水算法分割图片
2018/06/05 Python
python线程的几种创建方式详解
2019/08/29 Python
pymysql模块的使用(增删改查)详解
2019/09/09 Python
使用PyOpenGL绘制三维坐标系实例
2019/12/24 Python
python爬虫库scrapy简单使用实例详解
2020/02/10 Python
python itsdangerous模块的具体使用方法
2020/02/17 Python
python实现贪吃蛇游戏源码
2020/03/21 Python
Keras自动下载的数据集/模型存放位置介绍
2020/06/19 Python
Python实现哲学家就餐问题实例代码
2020/11/09 Python
python爬虫爬取图片的简单代码
2021/01/18 Python
加拿大健康、婴儿和美容产品在线购物:Well.ca
2016/11/30 全球购物
纽约家具、家居装饰和地毯店:ABC Carpet & Home
2017/06/21 全球购物
瑞士网球商店:Tennis-Point
2020/03/12 全球购物
EntityManager都有哪些方法
2013/11/01 面试题
电子专业毕业生自我鉴定
2014/01/22 职场文书
廉洁自律承诺书
2014/03/27 职场文书
班级心理活动总结
2014/07/04 职场文书
2014年反腐倡廉工作总结
2014/12/05 职场文书
CSS实现渐变色边框(Gradient borders)的5种方法
2022/03/25 HTML / CSS