读javascript高级编程08-引用类型之Global、Math、String

一、Global

所有在全局作用域定义的属性和方法,都属于Global对象。

1.URI编码:

encodeURI():主要用于对整个URI编码。它不会对本身属于URI的特殊字符进行编码。

encodeComponentURI():主要用于对URI中的某一部分进行编码,很常用的是对查询字符串参数进行编码。它会对所有非标准字符进行编码。

对应的解码方法是decodeURI()和decodeURIComponent。

var uri=‘http://www.cnblogs.com?a=1 2&b=陈&c=123‘;
var a=encodeURI(uri);// http://www.cnblogs.com?a=1%202&b=%E9%99%88&c=123
var b=encodeURIComponent(uri);// http%3A%2F%2Fwww.cnblogs.com%3Fa%3D1%202%26b%3D%E9%99%88%26c%3D123
decodeURI(a);//√"http://www.cnblogs.com?a=1 2&b=陈&c=123"
decodeURI(b);//×"http%3A%2F%2Fwww.cnblogs.com%3Fa%3D1 2%26b%3D陈%26c%3D123"
decodeURIComponent(a);//√"http://www.cnblogs.com?a=1 2&b=陈&c=123"
decodeURIComponent(b);//√http://www.cnblogs.com?a=1 2&b=陈&c=123

2.eval()方法

当调用eval()方法时,会执行参数中传入的语句,并把执行结果插入到原位置。

该方法执行的代码与当前调用环境具有相同的作用域链。

var a=1;
eval(‘function test(){alert(a);}‘);
test();//结果1

3.在web浏览器中,全局作用域的变量和方法都会成为window对象的属性。

var name=‘jing‘;
function sayName(){
console.log(name);
}
window.sayName(window.name);//jing

二、Math对象

Math对象包含了很多数据计算的属性和方法。常用的几个:

1.Math.min()和Math.max:计算一组数值中的最大值和最小值,参数可以任意多个数值。

Math.min(3,5,10,88,3);//
Math.max(3,5,10,88,3)//88

当计算一个数组中的最大最小值时,可以这样调用:

var result=[3,5,10,88,3];
Math.min(result);//错误,NaN
Math.min.apply(Math,result);//3

2.舍入方法

Math.ceil():向上取整;

Math.floor():向下取整;

Math.round():四舍五入取整。

var data=5.6;
Math.ceil(data);//6
Math.floor(data);//5
Math.round(data);//6
Math.round(5.4)//5

3.随机数random ()

Math.random()返回一个介于0和1之间的随机数,不包含0和1。

取一个整数范围内的随机数可以这样来计算:

result=(Math.random()*可能取值的总数+第一个可能的值)

三、String类型

1.字符方法

charAt(n):直接返回字符串中指定位置的字符;

charCodeAt(n):返回指定位置字符的字符编码。

var s="Javascript高级程序设计";
console.log(s.charAt(10));//高
console.log(s.charCodeAt(10));//39640

2.取子串

slice():第一个参数是子串开始位置索引,第二个参数是子串结束位置索引(不包括结束字符).

substring():第一个参数是子串开始位置索引,第二个参数是子串结束位置索引(不包括结束字符).

substr():第一个参数是子串开始位置索引,第二个参数是子串长度.

var s="提醒一下七夕节快到了";
console.log(s.slice(4,7));
console.log(s.substring(4,7));
console.log(s.substr(4,3));

3.字符串模式匹配

search(reg):返回字符串中第一个匹配项的索引,如果匹配不到就返回-1。方法有一个参数,可以是正则表达式或者RegExp对象。

match(reg):该方法有一个参数,可以是正则表达式或者RegExp对象。

replace():替换子串。如果想替换所有匹配的子串,那么只能用正则表达式。

var s=‘http://www.cnblogs.com/1/1/‘
var r=/\d+/g;
s.search(r);//23
s.match(r);//["1","1"]

//只替换第一个匹配项
s.replace(‘1‘,‘janes‘)//"http://www.cnblogs.com/janes/1/"

//替换所有匹配项
s.replace(r,‘janes‘);//"http://www.cnblogs.com/janes/"

读javascript高级编程08-引用类型之Global、Math、String

时间: 2024-10-29 12:33:42

读javascript高级编程08-引用类型之Global、Math、String的相关文章

读javascript高级编程07-引用类型、Object、Array

一.引用类型 ECMAScript是支持面向对象的,可以通过引用类型描述一类对象所具有的属性和方法. 创建对象实例的方法时是用new 操作符加构造函数:var p=new Person(). 二.Object类型 1.创建Object实例两种方式: 使用new操作符跟Object构造函数. var o = new Object(); o.name = 'dami'; o.age = 25; 使用对象字面量表示法,推荐这种方式,代码量小而且看上去有封装的感觉. var o = { name: 'd

读javascript高级编程11-事件

一.事件流 事件流指从页面中接收事件的顺序. 1.事件冒泡(常用) IE中采用的事件流是事件冒泡,先从具体的接收元素,然后逐步向上传播到不具体的元素. 2.事件捕获(少用) Netscapte采用事件捕获,先由不具体的元素接收事件,最具体的节点最后才接收到事件. 3.DOM事件流 DOM2级事件包括三个阶段:事件捕获阶段.处于目标阶段和事件冒泡阶段. 二.事件处理程序 事件处理程序就是响应某些事件的函数,如onclick等. 1. DOM0级事件处理程序 每个元素都有自己的事件处理程序属性,如o

读javascript高级编程02-变量作用域

一. 延长作用域链 有些语句可以在作用域前端临时增加一个变量对象,该变量对象在代码执行完成后会被移除. ①with语句延长作用域. function buildUrl(){ var qs="?debug=true"; with(location){ var url=href+qs; } return url; } buildUrl(); //result:http://www.fanxbao.com/?debug=true ②try...catch...中的catch语句块延长作用域链

读javascript高级编程10-DOM

一.节点关系 元素的childNodes属性来表示其所有子节点,它是一个NodeList对象,会随着DOM结构的变化动态变化. hasChildNodes():是否有子节点. var headlines=document.getElementById("headline_block"); var childs=headlines.childNodes; childs.length;//1 childs[0];//取第一个子节点 childs.item(0);//取第一个子节点 pare

读javascript高级编程03-函数表达式、闭包、私有变量

一.函数声明和函数表达式 定义函数有两种方式:函数声明和函数表达式.它们之间一个重要的区别是函数提升. 1.函数声明会进行函数提升,所以函数调用在函数声明之前也不会报错: test(); function test(){ alert(1); } 2.函数表达式不会进行函数提升,函数调用在函数声明之前的话会报错: test(); // test is not a function var test=function(){ alert(1); } 二.递归函数 递归函数是通过在函数内部调用自身实现的

读javascript高级编程09-BOM

一.window 1.在全局作用域中定义的变量和函数会被归在window对象. var a=1,b=2; function add(a,b){ return a+b; } console.log(window.a);//1 console.log(window.add(a,b));//3 有点区别在于,全局变量不能用delete删除,而直接在window对象定义的属性可以用delete删除. 2.计算窗口位置: var leftpos=typeof window.screenLeft=="num

读javascript高级编程12-HTML5脚本编程

一.跨文档消息传递(XDM) 1.发送消息 postMessage(msg,domain)用于发送跨文档消息.第一个参数是要传递的消息内容,第二个参数表示接收方来自哪个域.第二个参数有助于提高安全性,如果发现域不匹配则不会进行操作. 2.接收消息 接收到消息时,会触发window对象的message事件.传递给onmessage事件处理程序的对象主要包含三个信息: data:对应postMessage()第一个参数传入的内容: origin:发送消息的文档所在域.接收到消息后,检测消息来源是非常

读javascript高级编程05-面向对象之创建对象

1.工厂模式 工厂模式是一种常用的创建对象的模式,可以使用以下函数封装创建对象的细节: function CreatePerson(name,age){ var p=new Object(); p.name=name; p.age=age; p.speak=function(){ console.log("my name is "+p.name); } return p; } var p1=CreatePerson('Wang',15); p1.speak(); var p2=Crea

读javascript高级编程14-错误处理与调试

一  错误类型 ECMA规定了常见的7种错误类型: Error: 基类型.其他常见的错误类型都继承自该类型,一般供开发人员抛出自定义错误. EvalError:该类型会在eval()函数使用异常时被抛出.例如:new eval();.实际上在某些版本浏览器下会抛出TypeError,而且本身eval()函数在实际开发中就要谨慎使用,所以抛出EvalError的几率是很小的. RangeError:在数值超出范围时触发.例如:new Array(-1)//RangeError: invalid a