JS 学习笔记--11---内置对象(Global/Math)

　　练习中使用的浏览器是IE10，如果各位朋友有不同意见或者遇到浏览器不兼容问题，希望指正

1、内置对象的定义：有ECMAScript实现提供的、不依赖与宿主环境的对象，在ECMAScript运行之前就已经创建好的对象就叫做内置对象。就是说，是不需要我们开发人员先是的实例化对象就能够调用和运行的对象。在ECM-262中只是定义了两个内置对象 Global和Math对象

2、Global对象

　　Global(全局)对象是在ECMAScript中是一个特别的对象，因为这个对象是不存在的。在ECMAScript 中任何不属于其他对象的方法和属性都是这个对象的方法和属性。所有事实上并不存在什么全局属性和全局函数，因为一切全局的函数和属性都是这个Global对象的方法和属性。但是由于这个对象并不是真真存在的，并且ECMAScript也没有定义怎样定义和调用这个对象，故所有Global.属性和Global.()都是无效的，但是在WEB浏览器中中把Global对象作为window对象的一部分实现了，故一切的所谓的全局属性和方法都是window对象的方法和属性。

 1 //ECMAScript 中没有定义怎么调用Global对象，故Global.属性 或者Global.方法 都是无效的
 2 //Web浏览器中将global作为window对象的一部分来加以实现
 3     alert(window);    //object Window
 4     alert(Global);    //error Global not undefined
 5
 6     var box='abc';
 7     alert(window.box);    //abc
 8     alert(Global.box);    //error
 9
10     function run(){
11         return 'abc';
12     }
13     alert(window.run());    //abc
14     alert(global.run());    //error global not undefined
15     alert(Global.run());    //error global not undefined

View Code

3、URI编码方法--Global对象的内置方法

　　URI编码方法可以编码连接，以便发送给浏览器，采用特殊的UTF-8编码特殊的不认识的字符，比如在浏览器的地址栏中有汉字的时候，IE显示的结果就是编码的，如果不编码或者编码浏览器不认识，就会显示一个乱码结果就是找不到连接中所要请求的页面

　　encodeURI(box): 对变量box进行编码，但是这个方法不能够对URI本身特殊字符编码，比如正斜杠，#，冒号，问号等不会编码，但是会编码汉字等

　　encodeURIComponent(box): 完全编码，它会将发现的URI中所有的非标准字符进行编码。因为编码彻底，故使用的频率要比不完全编码(encodeURI())方法多很多。

1 //编码方法 encodeURI()  encodeURIComponent()
2 //encodeURI()不会对斜杠，冒号问号和#等编码   encodeURIComponent则会对它发现的全部非标准字符进行编码
3     var box='//abc??123::hhh|||但是';
4     alert(box);
5     alert(encodeURI(box));            //结果为：  //abc??123::hhh%7C%7C%7C%E4%BD%86%E6%98%AF
6     alert(encodeURIComponent(box));    //结果为：    %2F%2Fabc%3F%3F123%3A%3Ahhh%7C%7C%7C%E4%BD%86%E6%98%AF

View Code

4、URI解码方法--Global对象的内置方法

　　通过上面两种编码方法进行编码的URI，可以通过解码方法进行解码。然后还原可读的URI

　　decodeURI(): 用来解码由编码方法 encodeURI()编码的URI

　　decodeURIComponent(): 用来解码由编码方法 encodeURIComponent() 编码的URI

　　解码方法和编码方法最好对应的使用，用什么方法编码，就用对应的方法进行解码，否则可能会造成解码不出来或者解码不完整

 1 //解码方法decodeURI()  decodeURIComponent()        解码方法必须要和编码的方法进行对应使用，否则可能解码不彻底
 2 //下面的例子中不完全解码就不能够解码完全编码中关于特殊字符的编码结果，虽然完全解码将不完全编码结果解码正确
 3 //但是也不要这样套用，函数、命令等最好是成套使用
 4     var box='//abc??123::hhh|||但是';
 5     var code1=encodeURI(box);    //用不完全编码方式进行编码
 6     var code2=encodeURIComponent(box);    //用完全编码方式进行编码
 7     alert(decodeURI(code1));    //用不完全解码方式解码不完全编码结果：    //abc??123::hhh|||但是
 8     alert(decodeURI(code2));    //用不完全解码方式解码完全编码结果：    %2F%2Fabc%3F%3F123%3A%3Ahhh|||但是
 9     alert(decodeURIComponent(code1));    //用完全解码方式解码不完全编码结果：//abc??123::hhh|||但是
10     alert(decodeURIComponent(code2));    //用完全解码方式解码完全编码结果：    //abc??123::hhh|||但是

View Code

5、eval 方法--Global对象内置方法

　　eval()方法是用来担当一个字符串解析器的作用，只是接收一个参数，而这个参数中就是要执行的JS代码，多余的参数会忽略的，此方法可能有返回值也可能没，要根据参数中的JS代码而定，在AJAX中传递参数的时候很有用

　　如果解析的字符串中的JS代码是定义变量，比如说数组对象，字符串等代码，则会返回这些定义结果，并且还原真正的类型；如果是定义一个函数或者调用一个函数，则没有返回值

 1 //eval() 方法用来解析字符串，只是接受一个参数，这个参数中就是要执行的JS代码，在AJAX中用来传递参数很频繁使用
 2     var box='alert("wo shi zai zi fu chuan zhong di JS dai ma !!!")';
 3     alert(box);    // alert("wo shi zai zi fu chuan zhong di JS dai ma !!!")
 4     eval(box);    // wo shi zai zi fu chuan zhong di JS dai ma !!!
 5
 6     var box='alert("abc")';    //注意要写正确这里面的JS代码
 7     alert(box);            //alert("abc")
 8     alert(eval(box));    //先输出：abc 这是eval解析字符串box的结果，然后输出 undefined 说明此时eval方法没有返回值
 9
10 //下面方法说明，在eval方法解析某种字面量变量的时候，返回的就是这个字面量的值
11     var box="[3,4,5,6]";
12     alert(box);            // [3,4,5,6]
13     var res=eval(box);
14     alert(res);            // 3,4,5,6        eval() 方法将解析的结果返回，是一个数组
15
16     var box='"234"';
17     alert(typeof eval(box));    //string
18     alert(eval(box));            //234

　　如果字符串中定义有函数，或者变量等，和正则表达式中的一些属性一样，需要先执行以下，也就是说先解析一下(eval(box));然后后面的语句中就可以调用这个字符串中定义的方法了

1 //如果字符串中含有方法或者变量的时候，是需要先解析一次字符串，然后就可以调用和执行字符串中的方法，
2     var box='var run=123;function sum(){return 123;}';
3     //alert(sum());    // error: not undefiend
4     //alert(run);        // error: not undefined
5     eval(box);        //解析一次，就将box中最原始的JS代码进行了还原，
6     alert(sum());    // 123    上面通过eval方法解析了字符串 box 知道定义了一个方法名为sum
7     alert(run);        //123

　　eval() 方法虽然很好用，功能很强大，但是也是很危险的方法，因此在使用的时候应该谨慎使用。特别是在用户输入数据的时候，很可能会导致程序的安全性问题，比如代码注入等等

6、Global 内置的一些属性

　　有很多属性，比如 undefined,Array,NaN,Object,Function 等，alert(Array);返回的就是数组类型Array的构造函数，也就是调用Array.constructor 时候的返回值

7、window对象

　　前面说了，由于无法对Global对象进行全局访问，而Web对象把window对象当做全局对象来访问，alert(window.Array);的结果和上面是一样返回的是数组的构造方法

8、Math对象

　　Math对象是ECMAScript为了保存数学公式和信息而提供的一个对象，这个对象中的属性和方法的执行效率要比我们直接在JS中编写数学公式的效率高很多

9、Math对象的属性

　　Math对象的属性都是在平时的计算中很多时候都会用到的一些特殊的值，注意大小写

属性	说明
Math.E	返回的是自然数e的值
Math.PI	返回的是圆周率π的值
Math.LN2	返回的是以自然数e为底，2的自然对数
Math.LN10	返回的是以自然数e为底，10的自然对数
Math.LOG2E	返回以2为底，自然数e的对数
Math.LOG10E	返回的是以10为底，自然数e的对数
Math.SQRT2	返回的是2的开平方根
Math.SQRT1_2	返回的是1/2的平方根

 1 //Math 对象的属性    注意都是大写    下面这些属性都是Math对象内置的属性
 2     alert(Math.E);            // 自然数e：2.718281828459045
 3     alert(Math.PI);            // 圆周率π：3.141592653589793
 4     alert(Math.LN10);        // 10 的自然对数：2.302585092994046
 5     alert(Math.LN2);        // 2 的自然对数：0.6931471805599453
 6     alert(Math.LOG2E);        // 以2为底，e 的对数：1.4426950408889633
 7     alert(Math.LOG10E);        // 以 10 为底，e 的对数：0.4342944819032518
 8     alert(Math.SQRT2);        // 2 的开平方根：1.4142135623730951
 9     alert(Math.SQRT1_2);    // 1/2 的开平方根：0.7071067811865476
10
11   //证明了上面这都是内置的一些属性
12     alert(Math.LN20);    //undefined
13     alert(Math.LOG5E);    //undefined
14     alert(Math.SQRT1_4);//undefined
15     alert(Math.SQRT9);    //undefined

View Code

10、min()、max() 方法

　　返回的是一组数中的最大值和最小值，前提是这一组数中必须全部能够成功的通过隐试转换成数值，也就是说可以包含数值型字符串，但是不能够包含非数值型字符串，否则会返回NaN。

　　不能够传递一个数组进去，返回的也是NaN,只能这样使用 Math.min(2,3,4,5,'7',1);

 1 // min() max()    用来求一组数中的最大值和最小值
 2     alert(Math.min(3,5,6,7,8,9));    //3
 3     alert(Math.max(3,5,6,7,8,9));    //9
 4
 5   //数值行字符串自动转换
 6     alert(Math.min('3',4,9,10,'5','6'));    //3
 7     alert(Math.max('3',4,9,'10',5,'6'));    //10
 8
 9   //如果不能够转换其中的任何一个数字，返回的是NaN；转换的时候应该是调用的Number(x)方法进行转换的
10     alert(Math.min('abc',4,9,10,'5','6'));    //NaN
11     alert(Math.max('abc',4,9,'10',5,'6'));    //NaN
12     alert(Math.max(3,4,9,10,5,'6abc'));        //NaN
13
14   //不支持传递一个数组进去
15     var box=[2,3,4,5,6,7,8];
16     alert(Math.min(box));    //NaN
17     alert(Math.max(box));    //NaN
18     //alert(box.min());        //不提供此方法
19     alert(box.min);            //undefined

View Code

11、舍入方法

　　Math.ceil(num)：将num向上舍入到里这个数最近的一个整数。Math.ceil(5.1)==6为true

　　Math.floor(num)：将num向下舍去，即它总是将数值向下舍入为最接近的整数；取整

　　Math.round(num)：四舍五入方法，

　　这些方法同样能够接收数值型的字符串('5')，因为内部会隐试的调用Number()转换方法，只是处理传入进去的第一个参数，其余的参数会被忽略掉

 1 // 舍入方法  ceil()    floor()    round()        只是接受一个参数，多余的会忽略掉
 2   //ceil() 方法  就是向上舍入，将小数点后面的数值向上舍入为最近的整数
 3     alert(Math.ceil(5.9));        //6
 4     alert(Math.ceil(5.5));        //6
 5     alert(Math.ceil(5.1));        //6
 6     alert(Math.ceil('5.1'));    //6        自动调用内置的转换方法Number()方法
 7     alert(Math.ceil('5.1a'));    //NaN
 8
 9   //floor() 方法，就是向下舍去，将小数点后面的数值向下舍为最近的整数
10     alert(Math.floor(5.9));        //5
11     alert(Math.floor(5.5));        //5
12     alert(Math.floor(5.1));        //5
13     alert(Math.floor('5.1'));    //5        自动调用内置的转换方法 Number()方法
14     alert(Math.floor('5.1a'));    //NaN
15
16   // round() 方法，对参数进行四舍五入
17     alert(Math.round(5.9));        //6
18     alert(Math.round(5.5));        //6
19     alert(Math.round(5.1));        //5
20     alert(Math.round('5.1'));    //5
21     alert(Math.round('5.1a'));    //NaN
22
23     alert(Math.round(5.4,6.7));    //5

View Code

12、random 方法

　　这个方法是产生一个0到1之间的随机数，但是不包括0和1，Math.random() 即可

　　但是很多时候需要返回的是一个自定义的范围的随机数，可以采用一个公式：Math.floor(Math.random()*总数+起始数)。这个总数，并不是范围的结束数，而是通过计算而得：总数=结束数-起始数+1。由于随机数返回的是一个浮点数，故还要通过向下取整来进行舍入

　　可以通过函数的方法可以进行一个封装，传递两个参数，起始数和结尾数，返回一个符合此范围的随机数：

 1 // 随机数  random 方法    用来返回的是0到1之间的一个随机数
 2     var box=Math.random();    // 产生一个0到1之间的随机数
 3     alert(box);
 4
 5     //产生10个0到1之间的随机数，并且输出到界面上
 6     for(var i=0;i<10;i++){
 7         document.write(Math.random());
 8         document.write('<br />');
 9     }
10
11     //产生的是9到14之间的随机数        本来是想产生5~10之间的整数
12     for(var i=0;i<10;i++){
13         document.write(Math.random()*10+5);
14         document.write("<br />");
15     }
16
17     //为了解决上面的问题，可以采用公式：Math.random()*总数+起始数； 其中 总数=结束数-起始数+1；原因不解释
18     //接收两个参数，返回在这两个参数之间的随机整数。
19     function ran(start,end){
20         var count=end-start+1;
21         return Math.floor(Math.random()*count+start);//产生一个符合区间的随机数，然后向下取整，
22     }
23
24     for(var i=0;i<10;i++){
25         document.write(ran(5,10));    //产生5~10之间的一个随机数
26         document.write("<br />");
27     }

View Code

13、其它的数学方法

方法	说明
Math.abs(num)	返回数据 num 的绝对值
Math.exp(num)	返回自然数 e 的 num 次方
Math.log(num)	返回 num 关于自然数 e 的对数
Math.pow(num,power)	返回数据 num 的 power 次方
Math.sqrt(num)	返会 num 的开平方根
Math.sin(x)	返回 x 的正弦值，x 是弧度单位
Math.cos(x)	返回 x 的余弦值，x 是弧度单位
Math.tan(x)	返回 x 的正切值，x 是弧度单位
Math.asin(x)	返回 x 的反正弦值，返回的单位是弧度
Math.acos(x)	返回 x 的反余弦值，返回的单位是弧度
Math.atan(x)	返回 x 的反正切值，返回的单位是弧度
Math.atan2(x,y)	返回的是 x/y 的反正切值，弧度单位

　　求正切的时候结果不是很精确：alert(Math.tan(Math.PI/4)); //0.99999999999

 1 //其他的一些方法
 2     alert(Math.abs(-3));    //3    取绝对值方法
 3     alert(Math.exp(3));    //20.085536923187668    自然数 e 的3次方，传递的参数可变的
 4
 5     alert(Math.LN10);    //属性，返回10的自然对数
 6     //返回一个数的自然对数，就是以 e 为底的自然对数
 7     alert(Math.log(10));
 8     alert(Math.log(100));
 9     alert(Math.log(9));
10
11     // Math.pow(num,power)  返回的是num数据的power次幂
12     alert(Math.pow(2,3));    //8
13     alert(Math.pow(4,2));    //16
14
15     // Math.sqrt(num)    返回数据 num 的平方根
16     //这两个是属性中的开平方根
17     alert(Math.SQRT2);
18     alert(Math.SQRT1_2);
19     //下面才是方法的使用
20     alert(Math.sqrt(9));    //3
21     alert(Math.sqrt(100));    //10
22
23     // 三角函数  是以弧度为单位
24     alert(Math.sin(90));        //0.8939966636005578
25     alert(Math.sin(Math.PI/2));    //1
26     alert(Math.cos(Math.PI/4));        //余弦
27     alert(Math.tan(Math.PI/4));        //0.99999999999        正切
28
29     //求反正切  Math.atan(x); 返回的也是弧度值
30     alert(Math.atan(1));    //0.7853981633974483
31     alert(Math.PI/4);        //0.7853981633974483
32     //Math.atan2(x,y);返回的是x/y的反正切值
33     alert(Math.atan2(4,2));    //1.1071487177940904
34     alert(Math.atan(2));    //1.1071487177940904
35
36     //反余弦与反正弦
37     alert(Math.asin(1));    //1.5707963267948965
38     alert(Math.PI/2);        //1.5707963267948965
39     alert(Math.acos(1));    //0
40     alert(Math.acos(-1));    //3.141592653589793
41     alert(Math.PI);            //3.141592653589793

View Code

转载于:https://www.cnblogs.com/qigang/p/3520974.html

JS 学习笔记--11---内置对象(Global/Math)相关推荐

JavaWeb学习笔记——jsp内置对象
python 内置函数转list_python学习笔记11-python内置函数
python学习笔记11-python内置函数一.查看python的函数介绍: 二.python内置函数 1.abs获取绝对值: 通过python官网查看absabs(x) Return the a ...
javaScript基础学习 - 14 - JavaScript内置对象 -案例代码
javaScript基础学习 - 14 - JavaScript内置对象 -案例代码 1. Math对象最大值 2. 封装自己的数学对象 3. Math绝对值和三个取整方法 4. Math对象随机数方 ...
前端学习之JavaScript——内置对象
1. 内置对象 JavaScript 中的对象分为3种:自定义对象 .内置对象. 浏览器对象前面两种对象是JS 基础内容,属于 ECMAScript: 第三个浏览器对象属于我们JS 独有的内置对 ...
JS（七）内置对象-简单类型与复杂类型
1.内置对象 JavaScript 中的对象分为3种:自定义对象.内置对象.浏览器对象前面两种对象是JS基础内容,属于ECMAScript : 第三种浏览器对象属于我们JS 独有的,属于JS API ...
内置对象 API Math对象、Data对象、Array对象、String对象
Javascript分三种对象:自定义对象.内置对象.浏览器对象前两种对象是JS基础内容,属于ECMAScript:第三个浏览器对象属于我们JS独有的. 内置对象: 就是指JS语言自带的一些对象,这 ...
JavaScript——内置对象（Math，Date）
文章目录内置对象通过MDN/W3C来查询验证变量是不是对象的方法 Math对象案例:随机生成颜色RGB Date对象案例内置对象 JavaScript中的对象分为3种:内置对象.浏览器对象 ...
JavaScript内置对象之 Math数学对象
JavaScript中的对象分为自定义对象.内置对象.浏览器对象 JavaScript内置对象内置对象:就是指js语言自带的一些对象,这些对象供开发者使用,并提供了一些常用 ...
《JavaScript高级程序设计》读书笔记（十一）：内置对象Global
内置对象定义:由ECMAScript实现提供的.独立于宿主环境的所有对象,在ECMAScript程序开始执行时出现. 由定义可知开发者不必明确实例化内置对象,它已被实例化了.在ECMAScript- ...

JS 学习笔记--11---内置对象(Global/Math)

JS 学习笔记--11---内置对象(Global/Math)相关推荐

最新文章

热门文章