【前端】javaScript

06-01 1264阅读

目录

  • 一、简述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 对象

2.4.1 数组

创建数组两种方式:

  1. 使⽤ new 关键字创建:
免责声明:我们致力于保护作者版权,注重分享,被刊用文章因无法核实真实出处,未能及时与作者取得联系,或有版权异议的,请联系管理员,我们会立即处理! 部分文章是来自自研大数据AI进行生成,内容摘自(百度百科,百度知道,头条百科,中国民法典,刑法,牛津词典,新华词典,汉语词典,国家院校,科普平台)等数据,内容仅供学习参考,不准确地方联系删除处理! 图片声明:本站部分配图来自人工智能系统AI生成,觅知网授权图片,PxHere摄影无版权图库和百度,360,搜狗等多加搜索引擎自动关键词搜索配图,如有侵权的图片,请第一时间联系我们。

相关阅读

目录[+]

取消
微信二维码
微信二维码
支付宝二维码