【前端】javaScript
目录
- 一、简述JS
-
- 1.1 引入方式
- 二、基础语法
-
- 2.1 变量
- 2.2 数据类型
- 2.3 运算符
- 2.4 对象
-
- 2.4.1 数组
- 2.4.2 函数
- 2.4.3 对象
- 三、JQuery
-
- 3.1 引⼊依赖
- 3.2 JQuery语法
- 3.3 JQuery 选择器
- 3.4 JQuery事件
- 3.5 操作元素
- 3.6 常用方法

一、简述JS
javaScript:
JS:JavaScript(简称 JS), 是⼀个脚本语⾔, 解释型或即时编译型的编程语⾔. 虽然它是作为开发Web⻚⾯的脚本语⾔⽽出名,但是它也被⽤到了很多⾮浏览器环境中.
1.1 引入方式
引⼊⽅式 | 语法描述 | ⽰例 |
---|---|---|
⾏内样式 | 直接嵌⼊到 html 元素内部 | |
内部样式 | 定义标签,写到 script 标签中 | alert("haha"); |
外部样式 | 定义标签,通过src属性引⼊外部js⽂件 |
区别:
- 内部样式会出现⼤量的代码冗余, 不⽅便后期的维护,所以不常⽤.
- ⾏内样式, 只适合于写简单样式. 只针对某个标签⽣效. 缺点是不能写太复杂的jS.
- 外部样式,html和js实现了完全的分离, 企业开发常⽤⽅式.
二、基础语法
2.1 变量
创建变量(变量定义/变量声明/变量初始化), JS声明变量有3种⽅式。
关键字 | 解释 | ⽰例 |
---|---|---|
var | 期JS中声明变量的关键字, 作⽤域在该语句的函数内 | var name = 'zhangsan'; |
let | ES6 中新增的声明变量的关键字, 作⽤域为该语句所在的代码块内 | let name = 'zhangsan'; |
const | 声明常量的,声明后不能修改 | const name = 'zhangsan'; |
JavaScript 是⼀⻔动态弱类型语⾔,变量可以存放不同类型的值(动态).
命名规则:
- 组成字符可以是任何字⺟、数字、下划线(_)或美元符号($)
- 数字不能开头
- 建议使⽤驼峰命名
2.2 数据类型
数据类型 | 描述 |
---|---|
number | 数字. 不区分整数和⼩数. |
string | 字符串类型. 字符串字⾯值需要使⽤引号引起来, 单引号双引号均可. |
boolean | 布尔类型. true 真, false 假 |
undefined | 表⽰变量未初始化. 只有唯⼀的值 undefined. |
2.3 运算符
运算符类型 | 运算符 |
---|---|
算术运算符 | + - * / % |
⾃增⾃减运算符 | ++ -- |
赋值运算符 | = += -= *= /= %= |
⽐较运算符 | = ==⽐较相等(会进⾏隐式类型转换) === ⽐较相等(不会进⾏隐式类型转换) |
逻辑运算符 | && || ! |
位运算符 | & 按位与 | 按位或 ~按位取反 ^按位异或 |
移位运算符 | > 有符号右移(算术右移) >>> ⽆符号右移(逻辑右移) |
三目运算符 | 条件表达式 ? true_value: false_value |
2.4 对象
2.4.1 数组
创建数组两种方式:
- 使⽤ new 关键字创建:
免责声明:我们致力于保护作者版权,注重分享,被刊用文章因无法核实真实出处,未能及时与作者取得联系,或有版权异议的,请联系管理员,我们会立即处理! 部分文章是来自自研大数据AI进行生成,内容摘自(百度百科,百度知道,头条百科,中国民法典,刑法,牛津词典,新华词典,汉语词典,国家院校,科普平台)等数据,内容仅供学习参考,不准确地方联系删除处理! 图片声明:本站部分配图来自人工智能系统AI生成,觅知网授权图片,PxHere摄影无版权图库和百度,360,搜狗等多加搜索引擎自动关键词搜索配图,如有侵权的图片,请第一时间联系我们。