js常用函数大全

JavaScript（简称“JS”）是一种广泛使用的脚本语言，主要用于网页的交互性增强。JS提供了丰富的内置函数，使得开发者能够轻松实现各种功能。以下是一些常用的JavaScript函数的介绍，它们覆盖了从基础到高级的不同方面。

基础函数

parseInt() 和 parseFloat()：这两个函数用于将字符串转换为整数和浮点数。
```
var num = parseInt("123", 10); // 123
var floatNum = parseFloat("123.45"); // 123.45
```
isNaN()：用于检查一个值是否是非数字（NaN）。
```
isNaN("hello"); // true
```
typeof：返回一个变量的数据类型。
```
typeof "Hello"; // "string"
```

eval()：执行一个字符串作为代码。

eval("var x = 5;"); // 不推荐使用，因为它可能导致安全问题

数组操作函数

Array.isArray()：检查一个值是否是一个数组。
```
Array.isArray([1, 2, 3]); // true
```
Array.prototype.push() 和 pop()：向数组末尾添加元素和移除数组末尾的元素。
```
var arr = [1, 2];
arr.push(3); // [1, 2, 3]
arr.pop(); // 3
```
Array.prototype.slice()：返回一个新数组，包含从开始到结束（不包括结束）选择的数组的一部分。
```
var arr = [1, 2, 3, 4];
var subArr = arr.slice(1, 3); // [2, 3]
```
Array.prototype.forEach()：对数组中的每个元素执行一次提供的函数。
```
[1, 2, 3].forEach(function(value, index) {
  console.log(value, index);
});
```

字符串操作函数

String.prototype.length：返回字符串的长度。
```
"Hello".length; // 5
```
String.prototype.indexOf() 和 lastIndexOf()：返回某个指定的字符串值在字符串中首次出现的位置，或最后出现的位置。
```
"Hello World".indexOf("World"); // 6
"Hello World".lastIndexOf("l"); // 9
```
String.prototype.toLowerCase() 和 toUpperCase()：将字符串转换为全部小写或大写。
```
"HELLO".toLowerCase(); // "hello"
"hello".toUpperCase(); // "HELLO"
```
String.prototype.split()：使用指定的分隔符将字符串分割成一个数组。
```
"a,b,c".split(","); // ["a", "b", "c"]
```

函数操作函数

Function.prototype.apply() 和 call()：调用函数，传入参数数组或参数列表。
```
function add(a, b) {
  return a   b;
}
add.apply(null, [1, 2]); // 3
```

Function.prototype.bind()：创建一个新函数，在调用时将this绑定到提供的值。

var module = {
  x: 42,
  getX: function() { return this.x; }
};
var unboundGetX = module.getX;
var boundGetX = unboundGetX.bind(module);
boundGetX(); // 42

setTimeout() 和 setInterval()：分别用于设置延迟执行和重复执行的函数。

setTimeout(function() {
  console.log("Hello");
}, 1000);
setInterval(function() {
  console.log("Hello");
}, 1000);

浏览器对象模型（BOM）函数

window.open()：打开一个新的浏览器窗口或标签页。
```
window.open("http://www.example.com");
```
window.close()：关闭浏览器窗口。
```
window.close(); // 需要用户同意
```
document.getElementById() 和 querySelector()：分别用于通过ID和CSS选择器获取DOM元素。
```
document.getElementById("myId");
document.querySelector(".myClass");
```
console.log()：向控制台输出信息。
```
console.log("Hello, console!");
```

结论

JavaScript提供了大量的内置函数，它们是构建交互式网页和应用程序的基础。从基础的数据类型转换到复杂的DOM操作，这些函数都是不可或缺的工具。掌握这些函数的使用方法，可以帮助开发者更高效地编写JavaScript代码，实现更丰富的网页功能。随着JavaScript的不断发展，新的函数和特性也在不断加入，为开发者提供了更多的选择和可能性。