当前位置: 首页 > news >正文

JavaScript(JS基础)

在有其他编程语言基础的情况下耗时2天可以学完


目录

00、书写位置

01、输入输出语句

02、变量

03、数组

04、常量

05、数据类型

06、检查数据类型

07、类型转换

08、比较运算符

09、数组操作

10、函数

11、匿名函数

12、对象

13、内置对象


00、书写位置

1>内部式

        script标签包裹

        写在/body标签上方

2>外部式

        通过script标签引入

        忽略script标签之间的代码

3>行内式

        写在标签内部

01、输入输出语句

1>输入prompt('提示信息')【显示一个对话框,对话框包含一条文字信息,提示用户输入】

2>输出

        document.write('要出的内容')【向body内输出内容】

        alert('要出的内容')【页面弹出警告对话框输出内容】

        console.log('要出的内容')【控制台输出内容】

02、变量

1>声明变量:let 变量名

2>命名规范:只能用下划线、字母、数字、$,且数字不能开头;区分大小写

03、数组

声明数组:let 数组名=[数据1,数据2,...]

04、常量

1>声明常量:const 常量名

2>注意: 常量不能重新赋值,声明时必须初始化

05、数据类型

1>基本数据类型:number数字、string字符串、boolean布尔、undefined未定义、null空

2>引用数据类型:object对象


3>字符串类型:

        1)定义:单引号、双引号或反引号包裹;单引号和双引号没有区别,推荐使用单引号

        2)嵌套:单引号、双引号可以互相嵌套

        3)转义符:必要时可以使用转义符\

        4)字符串拼接:+运算符可以实现字符串拼接

        5)模板字符串:反引号包裹字符串,字符串中${}包裹变量【拼接字符串和变量】

4>未定义类型:表示没有赋值

5>空类型:表示已经赋值,但是内容为空

06、检查数据类型

typeof 变量

07、类型转换

1>类型转换的原因:输入自动识别为String

2>隐式转换

        1)+运算符两边有字符串,会把另外一个转成字符串

        2)除+以外的算术运算符会把数据转成数字类型

        3)+运算符作为正号可以转换成数字型

3>显式转换

        Number(数据)

        parselnt(数据)【只保留整数】

        parseFloat(数据)【可以保留小数】

08、比较运算符

===:左右两边是否类型和值都相等

!==:左右两边是否不全等

注意:NaN不等于任何值,包括它本身

尽量不要比较小数,因为小数有精度问题

不同类型间比较会发生隐式转换(最终把数据转换成number再比较)

09、数组操作

1>增

        arr.push(元素表)【在数组末尾添加元素,返回数组新长度】

        arr.unshift(元素表)【在数组开头添加元素,返回数组新长度】

2>删

        arr.pop()【删除最后一个元素,返回该元素】

        arr.shift()【删除第一个元素,返回该元素】

        arr.splice(起始位置,删除几个元素)【起始位置从零开始,不写删除几个默认删到最后】

3>排序

        arr.sort(function(a,b){return a-b})【升序】

        arr.sort(function(a,b){return b-a})【降序】

10、函数

function 函数名(){函数体}【默认参数:参数表中参数可以初始化,设置默认值】

11、匿名函数

1>声明:function(){函数体}

2>调用:

        函数表达式:将匿名函数赋值给一个变量,通过变量进行调用,变量名(实参列表)

        立即执行函数:(function(形参列表){函数体})(实参列表)

12、对象

1>声明对象:let 对象名={属性名:属性值,方法名:匿名函数}

2>遍历对象:

        for (let k in obj) {

        console.log(k) //输出属性名

        console.log(obj[k]) //输出属性值

        }

13、内置对象

Math.等

相关文章:

  • 依托大数据实验室建设,培育创新人才:数据科学与大数据技术专业人才培养实践
  • CUDA编程(4):共享内存:减少全局内存访问、合并全局内存访问
  • DataWhale学习--大语言模型--模型发展历程
  • 个人学习编程(3-12) 刷题
  • C语言中的assert断言,你了解多少呢?
  • 如何在 React 中实现组件懒加载?
  • 带环链表的相关知识点
  • STM32 F407ZGT6开发板
  • Python完全指南:从基础到实践的编程艺术
  • PCL 点云AABB包围盒(二)
  • Shell编程:深入了解 Bash 数组操作
  • 洛谷 P5534 【XR-3】等差数列 python
  • 02_LVGL学习笔记:深理解样式(Style)机制与应用方法
  • 在类似于Manus的项目中,我想使用python控制用户的浏览器,我应该选择selenium呢?还是playwright?
  • 关于pytorch项目的心得
  • 【实战ES】实战 Elasticsearch:快速上手与深度实践-5.4.1实时行为模式检测(Anomaly Detection)
  • 色彩重生:基于 Retinex 理论的 UR2P-Dehaze 去雾增强器解析
  • Android14 TaskOrganizer导致黑屏
  • Vue的scoped原理是什么?
  • Spring boot3-WebClient远程调用非阻塞、响应式HTTP客户端
  • 中非民间对话在赞比亚举行
  • 来论|建设性推进缅北和平进程——中国的智慧与担当
  • 保证断电、碰撞等事故中车门系统能够开启!汽车车门把手将迎来强制性国家标准
  • 公示!17个新职业、42个新工种亮相
  • 湖南省邵阳市副市长仇珂静主动向组织交代问题,接受审查调查
  • 巴基斯坦军方称印度袭击已致26死46伤