原生JavaScript（原生JS）简介

原生JavaScript是指不依赖任何框架或库（如jQuery、React等）的纯JavaScript语言实现。它是Web开发的基础，直接运行在浏览器环境中，用于实现网页的交互功能。

核心特点

1. 浏览器原生支持：所有现代浏览器都内置了JavaScript引擎，无需额外安装
2. 轻量级：不依赖第三方库，代码体积小
3. 灵活性：可以直接操作DOM、BOM等浏览器API
4. 性能优势：相比某些框架，原生实现通常有更好的性能

常见用途

1. DOM操作：直接操作网页元素
2. 事件处理：响应用户交互
3. 表单验证：客户端数据验证
4. AJAX请求：与服务器异步通信
5. 动画效果：实现网页动态效果

常用原生API示例

1. 随机数生成（参考摘要2）

function getRandom(a, b) {
  var max = a
  var min = b
  if(a < b) {
    max = b
    min = a
  }
  var num = parseInt(Math.random() * (max - min)) + min
  return num
}

2. 随机颜色生成（参考摘要2）

function getColor(n) {
  if(n === 16) {
    var color = '#'
    for(var a = 0; a < 3; a++) {
      var num = getRandom(0, 256)
      var hex = num.toString(16)
      if(hex.length === 1) {
        hex = '0' + hex
      }
      color += hex
    }
    return color
  } else {
    var str = 'rgb('
    var arr = []
    for(var a = 0; a < 3; a++) {
      arr.push(getRandom(0, 256))
    }
    str += arr.join()
    str += ')'
    return str
  }
}

3. AJAX请求（参考摘要5）

const xhr = new XMLHttpRequest()
xhr.open('GET', 'https://api.example.com/data', true)
xhr.onload = function() {
  if (this.status === 200) {
    console.log(this.responseText)
  }
}
xhr.send()

4. 文件下载（参考摘要7）

function downLoadByUrl(url) {
  var xhr = new XMLHttpRequest()
  xhr.open('GET', url, true)
  xhr.responseType = 'blob'
  xhr.onload = function(e) {
    if (this.status == 200) {
      var blob = this.response
      var filename = "file.txt"
      var a = document.createElement('a')
      var url = URL.createObjectURL(blob)
      a.href = url
      a.download = filename
      a.click()
      window.URL.revokeObjectURL(url)
    }
  }
  xhr.send()
}