首页 > 其他分享 >第十四章:内置对象

第十四章:内置对象

时间:2023-04-26 16:32:34浏览次数:39  
标签:box 编码 内置 对象 Global alert 第十四章 Math


学习要点:
1.Global 对象
2.Math 对象

ECMA-262 对内置对象的定义是: “由 ECMAScript 实现提供的、不依赖宿主环境的对象,这些对象在 ECMAScript 程序执行之前就已经存在了。 ”意思就是说,开发人员不必显示地实例化内置对象;因为它们已经实例化了。ECMA-262 只定义了两个内置对象:Global和 Math。
一.Global 对象
Global(全局)对象是 ECMAScript 中一个特别的对象,因为这个对象是不存在的。在ECMAScript 中不属于任何其他对象的属性和方法, 都属于它的属性和方法。 所以, 事实上,并不存在全局变量和全局函数;所有在全局作用域定义的变量和函数,都是 Global 对象的属性和方法。
PS:因为 ECMAScript 没有定义怎么调用 Global 对象,所以,Global.属性或者 Global.方法()都是无效的。(Web 浏览器将 Global 作为 window 对象的一部分加以实现)
Global 对象有一些内置的属性和方法:
1.URI 编码方法
URI 编码可以对链接进行编码,以便发送给浏览器。它们采用特殊的 UTF-8 编码替换所有无效字符,从而让浏览器能够接受和理解。



encodeURI()不会对本身属于 URI 的特殊字符进行编码,例如冒号、正斜杠、问号和#号;而 encodeURIComponent()则会对它发现的任何非标准字符进行编码
var box = '//Lee 李';
alert(encodeURI(box)); //只编码了中文
var box = '//Lee 李';
alert(encodeURIComponent(box)); //特殊字符和中文编码了



 
PS:因为 encodeURIComponent()编码比 encodeURI()编码来的更加彻底,一般来说encodeURIComponent()使用频率要高一些。
使用了 URI 编码过后,还可以进行解码,通过 decodeURI()和 decodeURIComponent()来进行解码



var box = '//Lee 李';
alert(decodeURI(encodeURI(box))); //还原
var box = '//Lee 李';
alert(decodeURIComponent(encodeURIComponent(box))); //还原



 
PS:URI 方法如上所述的四种,用于代替已经被 ECMA-262 第 3 版废弃的 escape()和unescape()方法。URI 方法能够编码所有的 Unicode 字符,而原来的只能正确地编码 ASCII字符。所以建议不要再使用 escape()和 unescape()方法。
2.eval()方法
eval()方法主要担当一个字符串解析器的作用,他只接受一个参数,而这个参数就是要执行的 JavaScript 代码的字符串。



eval('var box = 100'); //解析了字符串代码
alert(box);
eval('alert(100)'); //同上
eval('function box() {return 123}'); //函数也可以
alert(box());



 
eval()方法的功能非常强大,但也非常危险。因此使用的时候必须极为谨慎。特别是在用户输入数据的情况下,非常有可能导致程序的安全性,比如代码注入等等。
3.Global 对象属性
Global 对象包含了一些属性:undefined、NaN、Object、Array、Function 等等。



alert(Array); //返回构造函数



 
4.window 对象
之前已经说明, Global 没有办法直接访问, 而 Web 浏览器可以使用 window 对象来实现一全局访问。



alert(window.Array); //同上


 

二.Math 对象

ECMAScript 还为保存数学公式和信息提供了一个对象,即 Math 对象。与我们在JavaScript 直接编写计算功能相比,Math 对象提供的计算功能执行起来要快得多。

1.Math 对象的属性

Math 对象包含的属性大都是数学计算中可能会用到的一些特殊值。

第十四章:内置对象_字符串


第十四章:内置对象_字符串_02


 

 


alert(Math.E); //alert(Math.LN10);
alert(Math.LN2);
alert(Math.LOG2E);
alert(Math.LOG10E);
alert(Math.PI);
alert(Math.SQRT1_2);
alert(Math.SQRT2); //


 
2.min()和 max()方法
Math.min()用于确定一组数值中的最小值。Math.max()用于确定一组数值中的最大值。


alert(Math.min(2,4,3,6,3,8,0,1,3)); //最小值alert(Math.max(4,7,8,3,1,9,6,0,3,2)); //最大值


 
3.舍入方法


Math.ceil()执行向上舍入,即它总是将数值向上舍入为最接近的整数;Math.floor()执行向下舍入,即它总是将数值向下舍入为最接近的整数;
Math.round()执行标准舍入,即它总是将数值四舍五入为最接近的整数;
alert(Math.ceil(25.9)); //26
alert(Math.ceil(25.5)); //26
alert(Math.ceil(25.1)); //26
alert(Math.floor(25.9)); //25
alert(Math.floor(25.5)); //25
alert(Math.floor(25.1)); //25
alert(Math.round(25.9)); //26
alert(Math.round(25.5)); //26
alert(Math.round(25.1)); //25


 

4.random()方法
Math.random()方法返回介于 0 到 1 之间一个随机数, 不包括 0 和 1。 如果想大于这个范围的话,可以套用一下公式:
值 = Math.floor(Math.random() * 总数 + 第一个值)


alert(Math.floor(Math.random() * 10 + 1)); //随机产生 1-10 之间的任意数for (var i = 0; i<10;i ++) {
document.write(Math.floor(Math.random() * 10 + 5)); //5-14 之间的任意数
document.write('<br />');
}


 
为了更加方便的传递想要范围,可以写成函数:


function selectFrom(lower, upper) {var sum = upper - lower + 1; //总数-第一个数+1
return Math.floor(Math.random() * sum + lower);
}
for (var i=0 ;i<10;i++) {
document.write(selectFrom(5,10)); //直接传递范围即可
document.write('<br />');
}


 
5.其他方法

第十四章:内置对象_JavaScript_03


 

标签:box,编码,内置,对象,Global,alert,第十四章,Math
From: https://blog.51cto.com/u_16089934/6228146

相关文章

  • 第十五章:面向对象与原型
    学习要点:1.学习条件2.创建对象3.原型4.继承ECMAScript有两种开发模式:1.函数式(过程化),2.面向对象(OOP)。面向对象的语言有一个标志,那就是类的概念,而通过类可以创建任意多个具有相同属性和方法的对象。但是,ECMAScript没有类的概念,因此它的对象也与基于类的语言中的对象有所不同。......
  • [转]前端传嵌套对象参数给spring mvc
    在使用springmvc开发web应用时,感觉springmvc的controller方法能自动将参数注入到方法的参数对象中,极大的方便了开发。但是,在遇到有嵌套对象的时候,比如订单对象有个属性是用户对象,就不好处理了。一种情况是,传递的参数都是作为post方法的请求体,我们可以用RequestBody注解。但是当条......
  • 数据科学 IPython 笔记本 7.4 Pandas 对象介绍
    7.4Pandas对象介绍原文:IntroducingPandasObjects译者:飞龙协议:CCBY-NC-SA4.0本节是《Python数据科学手册》(PythonDataScienceHandbook)的摘录。在最基本的层面上,Pandas对象可以认为是NumPy结构化数组的增强版本,其中行和列用标签而不是简单的整数索引来标识。我们将在本......
  • 4.Spring中IOC创建对象的两种方式和创建时机
    https://blog.csdn.net/jike11231/article/details/116357864 创建时机1:默认的在Spring容器启动的时候2:在getBean的时候创建对象(就是拿到配置文件中的标识符的时候创建对象)在Spring的配置文件bean中有一个属性lazy-init=“default/true/false”(1)如果lazy-init为"default/f......
  • C++ 类和对象1
    1.初步认识面向对象与面向过程C语言是面向过程的语言,关注的是解决问题的过程比如,首先对问题进行拆解,然后用函数的方式对每个部分逐个实现,最后通过函数之间的相互调用将问题解决C++是面向对象的,关注的是对象,如何从一个问题中抽离出不同的对象,然后靠对象之间的交互解决......
  • js遍历对象属性
    1、遍历要给json对象varjsObj={"name":"張三","age":18}for(varkeyinjsObj){console.log("key:"+key+",val:"+jsObj[key])}2、遍历数组vararr=newArray();arr.push(11);arr.push(22);arr.push(33);arr.forEach(i......
  • Django之视图函数层 (必会三板斧 JsonResponse对象 request对象获取文件 FBV与CBV
    目录视图层之必会三板斧用来处理请求的视图函数都必须返回HttpResponse对象情况一:啥也不返回这里会报一个没有返回HttpResponse对象的错误,由此可见必须要返回一个HttpResponse对象情况二:返回HttpResponse对象点击Ctrl键查看源码可见是HttpResponse类,所以会返回一个值情......
  • vue 使用Element 的form表单如何校验对象中的对象属性?
    1、校验对象中的对象属性,需要特殊处理下:<templatev-if="form.dataType===0"><el-form-itemlabel="芯片类型"prop="configExtend.schemeVersion"><el-selectv-model="form.configExtend.schemeVersion&quo......
  • Django框架——路由分发、名称空间、虚拟环境、视图层三板斧、JsonResponse对象、requ
    路由分发#Django支持每个应用都可以有自己独立的路由层、静态文件、模版层。基于该特性多人开发项目就可以完全解耦合,之后利用路由分发还可以整合到一起多个应用都有很多路由与视图函数的对应关系这个时候可以拆分到各自的路由层中使用路由分发之前总路由直接是路由与视图......
  • Three.js教程:Face3对象定义Geometry的三角形面
    推荐:将NSDT场景编辑器加入你的3D工具链其他系列工具:NSDT简石数字孪生Face3对象定义Geometry的三角形面几何体Geometry的三角面属性geometry.faces和缓冲类型几何体BufferGeometry顶点索引属性BufferGeometry.index类似都是顶点位置数据的索引值,用来组织网格模型三角形的绘制。......