原生js有用吗



前言

       首先，什么是原生JS？之前听过很多入门新手都乱不清这个说法。所谓的“原生JS”，只是国人对JavaScript基础（

）的一种叫法，原生态JavaScript，不依赖任何类库，不适用任何框架，纯粹是原原本本的JavaScript代码。从本质上讲，JavaScript本身就存在一些自己的类库，并且非常强大！

       我们常用的“jqurey”就是原生JavaScript的集成框架或插件之一，它对原生js支持比较友好。使用框架编写的JavaScript代码，其实并不是你写的，你只是用了别人集成的工具函数进行总结整理出来的，哈哈！

       原生JS由三部分组成：ECMAscript标准（核心）、文档对象模型(DOM)、浏览器对象模型(BOM)，本文就JavaScript常用基础做了简单总结：

className属性操作
document.getElementById('id').className，该属性内容会直接改变dom元素上class的值;

classList属性操作
document.getElementById('id').classList，使用classList会优于使用className，但是classList中的add()和remove()均只能进行单一操作，也就是说不能同时新增或者删除多个类名；

提示： 对于本章节想具体深入详情了解、学习可参考菜鸟教程[DOM 教程]

基本类型（值类型）

字符串（String）；
数字(Number)；
布尔(Boolean)；
为空（Null）；
未定义（Undefined）

注： ES6 引入了一种新的原始数据类型Symbol，表示独一无二的值。

引用数据类型

对象(Object)；

数组(Array)；

函数(Function)；

Object对象

Array对象

Number对象

String对象

Math对象

三角函数

数学任务方法

JSON对象

RegExp对象（正则表达式）

     什么是 RegExp？正则表达式描述了字符的模式对象，当您检索某个文本时，可以使用一种模式来描述要检索的内容。简单的模式可以是一个单独的字符，更复杂的模式包括了更多的字符，并可用于解析、格式检查、替换等等，您可以规定字符串中的检索位置，以及要检索的字符类型；RegExp 就是这种模式。

详情请参考菜鸟教程[JavaScript RegExp对象]

浏览器对象模型：Window 对象、Navigator 对象、Screen 对象、History 对象、Location 对象
Window对象：表示浏览器中打开的窗口
Navigator对象：包含有关浏览器的信息
Screen对象：包含有关客户端显示屏幕的信息
History对象：包含用户（在浏览器窗口中）访问过的 URL， 它是window对象的一部分，可通过 window.history 属性对其进行访问
Location对象：包含有关当前 URL 的信息，它是window对象的一部分，可通过 window.location.xxx 格式的相关属性对其进行访问
存储对象：Web 存储 API 提供了 sessionStorage （会话存储） 和 localStorage（本地存储）两个存储对象来对网页的数据进行添加、删除、修改、查询操作

提示：想要深入了解本章节详情可参考菜鸟教程[Browser对象]

版权声明：

本文来源网络，所有图片文章版权属于原作者，如有侵权，联系删除。

本文网址：https://www.mushiming.com/mjsbk/8548.html