4、JS 基础知识
2024-02-27 11:02:17 0 举报
AI智能生成
JavaScript基础知识包括变量、数据类型、操作符、控制结构、函数和对象等。JavaScript是一种广泛应用于网页开发中的脚本语言,用于创建动态交互式网页。它是一种轻量级的、解释型语言,具有高度的灵活性和跨平台性。以下是一些核心的JavaScript基础知识: 1. 变量和数据类型:JavaScript支持多种数据类型,如字符串、数字、布尔值、数组、对象等。变量用于存储数据,可以通过var、let或const关键字声明。 2. 操作符:JavaScript提供了丰富的操作符,如算术操作符、比较操作符、逻辑操作符等,用于执行各种操作。 3. 控制结构:JavaScript支持条件语句(if-else、switch)和循环语句(for、while、do-while)等,用于控制程序的执行流程。 4. 函数:函数是JavaScript中的基本单元,用于封装可重用的代码块。可以通过function关键字声明函数,并可以通过参数和返回值实现函数之间的通信。 5. 对象:JavaScript中的对象是一种复合数据类型,可以存储键值对。对象可以通过构造函数或JSON语法创建。 6. 事件处理:JavaScript的事件处理机制允许通过监听和响应DOM元素的事件来与用户交互。可以使用addEventListener()方法来注册事件处理函数。 7. AJAX:AJAX(异步JavaScript和XML)是一种在无需重新加载整个网页的情况下更新部分网页的技术。它通过JavaScript创建HTTP请求并发送至服务器,接收服务器的响应并更新网页。 8. 模块化:JavaScript的模块化编程可以使用import和export关键字来实现,有助于提高代码的组织和可维护性。 通过学习这些基础知识,可以熟练地使用JavaScript进行网页开发,制作出各种动态交互效果和功能。
作者其他创作
大纲/内容
JS组成的三个部分
ECMAScript
定义了JS 的语法规范
语言本身的变量
数据值
操作语句
内存管理等
...
ES3 / ES6~9
DOM
document object model 文档对象模型
提供对应的属性和方法,可以让JS操作页面中的DOM元素
BOM
browser object model 浏览器对象模型
提供操作浏览器的属性和方法
注意
当前项目开发,一般都是基于Vue / React 完成的,基于这两个框架,我们已经不去操作DOM了,我们操作数据,由框架本身帮助我们完成DOM的操作
JS中的变量
变量
可变的量(其储存的值是可变的),设置一个变量(起一个名字),让其代表和指向某一个具体的值
JS创建变量的几种方式
var (ES3)
声明一个变量
let (ES6)
声明一个变量
const (ES6)
声明一个常量
function
声明一个函数
class
创建一个类
import / require 基于ES6Module或者Common.js规范导入模块
变量命名的规范
严格遵循大小写
使用驼峰命名法
由有意义的英文组成一个名字,第一个单词首字符小写,其余单词首字母大写
项目中常见的有特殊含义的短词组
add / insert / create
新增/插入/创建
del / delete / remove
删除/移除
update
修改
select / query / get
查询/获取
info
信息
命名规则
使用“$ / _ /英文字母/数字”命名
基于$开头
一般代表使用JQ或者其他使用$的类库获取的内容
基于_开头
一般代表是全局或者公共的变量
基于数字
区分相似名称的变量
数字不能作为开头
注意
想要分隔单词,可以使用_或者驼峰,但是不能是-
用中文虽然不会报错,但是强烈不推荐
不能使用关键字和保留字
JS中的数据类型
基本数据类型(值类型/原始值)
number
数字
string
字符串
boolean
布尔
null
空对象指针
undefined
未定义
Symbol
ES6 新增的唯一值类型
引用数据类型
对象数据类型 object
普通对象
{...}
数组对象
[...]
正则对象
/^$/
日期对象
data
数学函数对象
Math
函数数据类型 function
0 条评论
下一页