📜  js 标准全局 - Javascript (1)

📅  最后修改于: 2023-12-03 15:17:02.675000             🧑  作者: Mango

JS 标准全局 - Javascript

简介

JS 标准全局指的是在所有的 JS 环境中都能使用的一些全局对象、全局函数以及全局变量等。例如 consolewindowsetTimeout 等都属于 JS 标准全局。

对象
console

console 对象主要用于调试代码,提供了一系列的方法,例如 console.log()console.info()console.error() 等,这些方法都可以在控制台输出相应的信息。

console.log('Hello World!'); // 输出: Hello World!
console.info('Hello World!'); // 输出: Hello World!
console.error('Hello World!'); // 输出: Hello World!
window

window 对象是浏览器中的全局对象,提供了一系列操作浏览器窗口、文档等的方法和属性,例如 window.alert()window.location 等。

window.alert('Hello World!'); // 弹出对话框: Hello World!
console.log(window.location.href); // 输出当前页面的 URL
document

document 对象代表了整个文档,提供了许多方法和属性来访问和操作文档中的内容,例如 document.getElementById()document.createElement() 等。

var element = document.getElementById('my-element'); // 获取 ID 为 my-element 的元素
var newElement = document.createElement('div'); // 创建一个新的 div 元素
Math

Math 对象提供了一些常见的数学方法,例如 Math.round()Math.floor()Math.max()Math.min() 等。

var roundedNum = Math.round(3.14); // 四舍五入为 3
var flooredNum = Math.floor(3.14); // 向下取整为 3
var maxNum = Math.max(1, 2, 3); // 返回最大值 3
var minNum = Math.min(1, 2, 3); // 返回最小值 1
函数
setTimeoutsetInterval

setTimeout 用于在指定的时间后执行一次函数,setInterval 则是每隔一定时间执行一次函数。

setTimeout(function() {
  console.log('Hello World!');
}, 1000); // 1 秒后输出:Hello World!

setInterval(function() {
  console.log('Hello World!');
}, 1000); // 每秒输出:Hello World!
encodeURIComponentdecodeURIComponent

encodeURIComponentdecodeURIComponent 用于对 URL 进行编码和解码。

var encodedUri = encodeURIComponent('http://www.example.com?q=javascript'); // 编码后的地址为 http%3A%2F%2Fwww.example.com%3Fq%3Djavascript
var decodedUri = decodeURIComponent('http%3A%2F%2Fwww.example.com%3Fq%3Djavascript'); // 解码后的地址为 http://www.example.com?q=javascript
变量
undefined

undefined 是一个特殊的值,表示一个未定义的变量或属性。

var x;
console.log(x); // 输出: undefined
null

null 表示一个空值,通常用于清空一个对象或变量。

var obj = { name: 'John' };
obj = null; // 清空 obj 对象
console.log(obj); // 输出: null
NaN

NaN 表示一个非数字值,当一个数值运算无法返回正常的结果时就会返回 NaN

var result = 'Hello' * 10;
console.log(result); // 输出: NaN
Infinity-Infinity

Infinity-Infinity 分别表示正无穷大和负无穷大。

var positiveInfinity = Infinity;
var negativeInfinity = -Infinity;
console.log(positiveInfinity); // 输出: Infinity
console.log(negativeInfinity); // 输出: -Infinity