web前端学习

概述

Javascript中有两种函数：一是语言内部事先定义好的函数，叫内置函数；二是自己定义的函数，叫自定义函数。使用Javascript的内置函数，可以提高编程效率，其中常用的内置函数有6种，下面进行简要介绍。

1.eval

在JavaScript中，eval()函数可以把一个字符串当做一个JavaScript表达式一样去执行它。

语法格式为： eval(string s); eval() 函数会将传入的字符串当做 JavaScript 代码进行执行，如果传入的字符串是表达式则返回表达式求值结果，否则返回 undefined 。

	
// 传入字符串形式 JS 语句
console.log(eval('const a = 0')); // undefined
eval("console.log('hello world!')"); //js中只写了这句

// 传入字符串形式 JS 表达式
console.log(eval('1 + 1')); // 2
console.log(eval('(() => 3)()')); // 3

// 传入非字符串
console.log(eval({ a: 1 })); // {a: 1}

2.isFinite

在JavaScript中，isFinite()函数用来确定某一个数是否是一个有限数值。即如果如果值为 +infinity、-infinity 或 NaN（非数字），则此函数返回 false，否则返回 true。

语法格式： isFinite(number); number参数是必选的，可以是任意的数值，例如整型、浮点型数据。如果该参数为非数字、正无穷数和负无穷数，则返回false；否则的话，返回true。如果是字符串类型的数字，就会自动转化为数字型。

	
console.log(isFinite(123));		//-->true
console.log(isFinite(-123));	//-->true
console.log(isFinite(0));		//-->true
console.log(isFinite("123"));	//-->true
console.log(isFinite(-100/0));	//-->false
console.log(isFinite(100/0));	//-->false
console.log(isFinite("hello"));	//-->false

3.isNaN

在JavaScript中，isNaN()函数用来判断某一个参数是否是非数字，isNaN是not a number的简称。

语法格式： isNaN(参数); 这里的参数可以是任何类型的数据，例如数字型、字符串型、日期时间型等。不过得注意一点，当参数是“字符串类型的数字”，就会自动转换为数字型。

	
console.info(Number.NaN);			
console.log(isNaN(123)); //=>false
console.log(isNaN('123')); //=>false
console.log(isNaN('你好呀'));//=>true
console.log(isNaN(true)); //=>false
console.log(isNaN(false)); //=>false
console.log(isNaN(null)); //=>false
console.log(isNaN(undefined)); //=>true
console.log(isNaN({age:9})); //=>true
console.log(isNaN([12,23])); //=>true
console.log(isNaN([12])); //=>false
console.log(isNaN(/^$/)); //=>true
console.log(isNaN(function(){})); //=>true

//判断NaN更可靠的方法是，利用NaN为唯一不等于自身的值的这个特点，进行判断。
function myIsNaN(value) {
  return value !== value;
}
console.log(myIsNaN(Number.NaN));

4.escape&unescape

已经过时，不建议使用。请使用encodeURI()或encodeURIComponent()函数替代该函数。

5.encodeURI

encodeURI() 函数可把字符串作为 URI 进行编码。对以下在 URI 中具有特殊含义的 ASCII 标点符号，encodeURI() 函数是不会进行转义的： , / ? : @ & = + $ # (可以使用 encodeURIComponent() 方法分别对特殊含义的 ASCII 标点符号进行编码。).

语法格式为： encodeURI(uri); 提示：使用 decodeURI() 方法可以解码URI（通用资源标识符:UniformResourceIdentifier,简称"URI")。

	
var uri="my test.php?name=ståle&car=saab";
//输出结果为：my%20test.php?name=st%C3%A5le&car=saab
console.log(encodeURI(uri));

6.decodeURI

decodeURI() 函数可对 encodeURI() 函数编码过的 URI 进行解码。

语法格式为： decodeURI(uri); 提示：使用encodeURI()函数可以对URI进行编码。

	
var uri="my test.asp?name=ståle&car=saab";
//输出结果为：my%20test.php?name=st%C3%A5le&car=saab
console.log(encodeURI(uri));
//输出结果为：my test.asp?name=ståle&car=saab
console.log(decodeURI(uri));

7.encodeURIComponent

encodeURIComponent() 函数对 URI 组件进行编码。此函数对特殊字符进行编码。此外，它还对以下字符进行编码： , / ? : @ & = + $ #

语法格式为： encodeURIComponent(uri); 提示：请使用 decodeURIComponent() 函数对编码的 URI 组件进行解码。

	
var uri = "https://w3school.com.cn/my test.asp?name=ståle&car=saab";
//输出结果为：https%3A%2F%2Fw3school.com.cn%2Fmytest.asp%3Fname%3Dst%C3%A5le%26car%3Dsaab
console.log(encodeURIComponent(uri));

8.decodeURIComponent

decodeURIComponent() 函数对 URI 组件进行解码。

语法格式为： decodeURIComponent(uri); 提示：请使用 encodeURIComponent() 函数对 URI 组件进行编码。

	
var uri = "https://w3school.com.cn/my test.asp?name=ståle&car=saab";
var uri_encode = encodeURIComponent(uri);
//输出结果为：https%3A%2F%2Fw3school.com.cn%2Fmytest.asp%3Fname%3Dst%C3%A5le%26car%3Dsaab
console.log(uri_encode);
//输出结果为：https://w3school.com.cn/mytest.asp?name=ståle&car=saab
console.log(decodeURIComponent(uri_encode));

9.Timeout

JavaScript的内置时间函数可以支持时间延迟: 1）时间延迟函数setTimeout()，表示延迟一定时间后开始执行延时行为，其语法格式如下： var 变量名称 = setTimeout(function(){延时行为}, 延时时间); 2）清除时间延迟函数clearTimeout()，用于清除延时函数变量，其语法格式如下： clearTimeout(延时函数变量);

	
//延迟时间到后执行的事务
var sto_func = function (){
	console.info("延迟时间到");
}
//设置延迟时间函数，3000毫秒后调用sto_func()函数
var sto = setTimeout("sto_func()",3000);
//点击按钮关闭时间延迟设置
function stop_time(){
	console.info("关闭时间延迟");
	clearTimeout(sto);
}

10.Interval

JavaScript的内置时间函数可以支持时间间隔: 3）时间间隔函数setInterval()，表示每间隔一定的时间运行一次间隔行为，且将该对象赋值给指定变量，所得变量数据类型为对象（Object），其语法格式如下： var 变量名称 = setInterval(function(){间隔行为}, 间隔时间); 4）清除时间间隔函数clearInterval()，用于清除时间间隔函数赋值的对象，其语法格式如下： clearInterval(间隔时间函数对象名称);

	
//每秒要执行的事务
var si_func = function (){
	console.info("每秒报时");
}
//设置间隔函数，每隔1000毫秒调用si_func()函数
var si = setInterval("si_func()",1000);
//点击按钮关闭时间间隔设置
function stop_inter(){
	console.info("关闭时间间隔");
	clearInterval(si);	
}