📅  最后修改于: 2023-12-03 15:17:02.675000             🧑  作者: Mango
JS 标准全局指的是在所有的 JS 环境中都能使用的一些全局对象、全局函数以及全局变量等。例如 console
、window
、setTimeout
等都属于 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
setTimeout
和 setInterval
setTimeout
用于在指定的时间后执行一次函数,setInterval
则是每隔一定时间执行一次函数。
setTimeout(function() {
console.log('Hello World!');
}, 1000); // 1 秒后输出:Hello World!
setInterval(function() {
console.log('Hello World!');
}, 1000); // 每秒输出:Hello World!
encodeURIComponent
和 decodeURIComponent
encodeURIComponent
和 decodeURIComponent
用于对 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