【前端】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⽂件

区别：

1. 内部样式会出现⼤量的代码冗余, 不⽅便后期的维护，所以不常⽤.
2. ⾏内样式, 只适合于写简单样式. 只针对某个标签⽣效. 缺点是不能写太复杂的jS.
3. 外部样式，html和js实现了完全的分离, 企业开发常⽤⽅式.

二、基础语法

2.1 变量

创建变量(变量定义/变量声明/变量初始化), JS声明变量有3种⽅式。

关键字 解释 ⽰例 var 期JS中声明变量的关键字, 作⽤域在该语句的函数内 var name = \'zhangsan\'; let ES6 中新增的声明变量的关键字, 作⽤域为该语句所在的代码块内 let name = \'zhangsan\'; const 声明常量的，声明后不能修改 const name = \'zhangsan\';

JavaScript 是⼀⻔动态弱类型语⾔，变量可以存放不同类型的值(动态).

命名规则：

1. 组成字符可以是任何字⺟、数字、下划线（_）或美元符号（$）
2. 数字不能开头
3. 建议使⽤驼峰命名

2.2 数据类型

数据类型 描述 number 数字. 不区分整数和⼩数. string 字符串类型. 字符串字⾯值需要使⽤引号引起来, 单引号双引号均可. boolean 布尔类型. true 真, false 假 undefined 表⽰变量未初始化. 只有唯⼀的值 undefined.

2.3 运算符

运算符类型 运算符 算术运算符 + - * / % ⾃增⾃减运算符 ++ -- 赋值运算符 = += -= *= /= %= ⽐较运算符 = ==⽐较相等(会进⾏隐式类型转换) === ⽐较相等(不会进⾏隐式类型转换) 逻辑运算符 && || ! 位运算符 & 按位与 | 按位或 ~按位取反 ^按位异或 移位运算符 <> 有符号右移(算术右移) >>> ⽆符号右移(逻辑右移) 三目运算符 条件表达式 ? true_value: false_value

2.4 对

艺术系歌词下载