单体内置对象

相关代码 →

• 由 ECMAScript 实现提供的，不依赖于宿主环境的对象，在 ECMAScript 程序执行之前就已经存在
• Global 和 Math

Global 对象

• 不属于任何其他对象的属性和方法，最终都是 Global 的属性和方法
• isNan()，isFinite()，parseInt()，parseFloat()

var uri = 'https://element cn/#tab'
console.log(encodeURI(uri)) // https://element%20cn/#tab，本身属于URI的字符不编码（冒号、正斜杠、问号、井号）
console.log(encodeURIComponent(uri)) // https%3A%2F%2Felement%20cn%2F%23tab，编码所有非标准字符
console.log(decodeURI('https%3A%2F%2Felement%20cn%2F%23tab')) // https%3A%2F%2Felement cn%2F%23tab，只针对使用 encode()编码的字符解码
console.log(decodeURIComponent('https%3A%2F%2Felement%20cn%2F%23tab')) // https://element cn/#tab，解码所有非标准字符

• 将传入的参数当作实际的 EXMAScript 语句解析
• 被执行的代码具有与该执行环境相同的作用域链
• eval() 创建的变量或函数不会被提升
• 严格模式下，外部访问不到 eval() 中创建的变量或函数，为 eval 赋值也会报错

eval("console.log('hi')") // "hi"，将传入的参数当作实际的 EXMAScript 语句解析
eval("function sayHi() {console.log('hi')}")
sayHi() // "hi"，被执行的代码具有与该执行环境相同的作用域链
// console.log(msg) // 报错，eval() 创建的变量或函数不会被提升
eval("var msg = 'hi'")
console.log(msg) // "hi"，被执行的代码具有与该执行环境相同的作用域链

// web浏览器将global全局对象作为window对象
var color = 'red'
function sayColor() {
  console.log(window.color)
}
window.sayColor() // red

Math 对象

console.log(Math.max(3, 54, 32, 16)) // 54
console.log(Math.min(3, 54, 32, 16)) // 3

• 确定数组中的最大值/最小值

var values = [1, 2, 3, 4, 5]
console.log(Math.max.apply(Math, values)) // 把 Math 对象作为 apply()的第一个参数，将数组作为第二个参数

console.log(Math.ceil(1.9)) // 2
console.log(Math.floor(1.9)) // 1
console.log(Math.round(1.9)) // 2

console.log(Math.random()) // 大于 0 小于 1 的随机数

• 选择 1-10 之间的整数

console.log(Math.floor(Math.random() * 10 + 1))

• 选择 m-n 之间的整数

function selectFrom(lowerValue, upperValue) {
  var choices = upperValue - lowerValue + 1 // 获取范围内的数量
  return Math.floor(Math.random() * choices + lowerValue)
}
var num = selectFrom(7, 32)
console.log(num)

总结 & 问点

• 单体内置对象有哪些？分别有什么特点？
• Global 对象有哪些方法？分别有什么用法？
• eval 方法的用法和特点？ 严格模式下，eval 方法受到哪些限制？
• Global 对象有哪些属性？
• 在 web 浏览器中，将 global 全局对象作为什么对象实现的？
• Math 对象有哪些方法？分别有什么用法？
• 请用 Math 对象确定数组中的最大值/最小值
• 请用 Math 对象随机生成 m-n 之间的整数