100多个基础常用JS函数和语法集合大全

100多个基础常用JS函数和语法集合大全

简介

本文是一篇关于JavaScript函数和语法的大全，涵盖了100多个常见的、基础的JavaScript函数和语法，并包含了详细的示例和用法，旨在帮助初学者和进阶者掌握JavaScript的基本知识。

常见函数

1. alert()

alert() 是一个经典的JavaScript函数，用于弹出一个消息框，通常用于显示一些提示信息。

例如：

alert('Hello World!');

2. parseInt()

parseInt() 函数用于将字符串转换成整数。它可以接收一个字符串作为参数，以及一个可选的基数（即要解析的字符串是什么进制的数字，默认为十进制）。

例如：

var str1 = '123';
var num1 = parseInt(str1);  // num1 的值为 123

var str2 = '0xFF';
var num2 = parseInt(str2, 16);  // num2 的值为 255

3. parseFloat()

parseFloat() 函数用于将字符串转换成浮点数。与 parseInt() 函数类似，它也可以接收一个字符串作为参数。

例如：

var str = '3.14';
var num = parseFloat(str);  // num 的值为 3.14

4. isNaN()

isNaN() 函数用于检查一个值是否是 NaN（Not a Number）。如果是 NaN，返回 true，否则返回 false。

例如：

var num1 = NaN;
var result1 = isNaN(num1);  // result1 的值为 true

var num2 = 'abc';
var result2 = isNaN(num2);  // result2 的值为 true

var num3 = 123;
var result3 = isNaN(num3);  // result3 的值为 false

5. parseInt() 和 parseFloat() 的区别

parseInt() 和 parseFloat() 的区别在于，parseInt() 只能解析整数，而 parseFloat() 可以解析浮点数。如果 parseFloat() 碰到一个无法解析为浮点数的字符，它会返回 NaN，而不是把后面的字符去掉。例如：

var str1 = '3.14abc';
var num1 = parseFloat(str1);  // num1 的值为 3.14，而不是 3.14abc

var str2 = 'abc3.14';
var num2 = parseFloat(str2);  // num2 的值为 NaN，因为无法解析为浮点数

常见语法

1. 变量声明

在 JavaScript 中，变量声明可以使用 var、let 和 const 三种关键字。

var 用于声明一个变量，它的作用域是当前函数，如果没有使用 var 或其他关键字声明，那么这个变量将会成为全局变量。

let 用于声明一个块级作用域的变量，它只在当前代码块中有效。

const 用于声明一个只读的常量，它的值不能被修改。

例如：

var num1 = 123;
let num2 = 456;
const num3 = 789;

2. 条件语句

在 JavaScript 中，条件语句包括 if、else、else if 和 switch。if 和 else 用于判断一个条件是否成立，if 后面的条件可以是任意的表达式，如果条件成立，执行 if 后面的代码块，否则执行 else 后面的代码块。else if 是 if 和 else 的组合，可以用于判断多个条件。switch 语句用于根据不同的条件执行不同的代码块。

例如：

var num = 123;

if (num > 100) {
  console.log('num 大于 100');
} else if (num > 50) {
  console.log('num 大于 50，小于等于 100');
} else {
  console.log('num 小于等于 50');
}

switch (num) {
  case 100:
    console.log('num 等于 100');
    break;
  case 200:
    console.log('num 等于 200');
    break;
  default:
    console.log('num 不等于 100 或 200');
    break;
}

结语

本文只是简单介绍了一些 JavaScript 的常见函数和语法，还有很多内容需要进一步学习和探索。通过不断地编写代码和实践，可以更好地理解和应用这些函数和语法。