JavaScript编程技术基础

本文详细介绍了JavaScript(JS)的基础知识,包括数据类型、运算符、流程控制结构、对象类型和函数。讲解了JS的数据类型,如Number、String、Boolean、Null、Undefined以及Object,以及数据类型的相互转换。此外,文章还探讨了运算符,如算术、自增自减、逻辑运算符,并介绍了流程控制结构如if、switch、while等。对于对象类型,文章涵盖了括号对象和数组对象。函数部分讨论了自执行、构造、回调和箭头函数。最后,文章提到了this关键字、垃圾回收机制、闭包以及原型和原型链等重要概念,帮助读者巩固JavaScript基础知识。
摘要由CSDN通过智能技术生成

一、JavaScript(JS)

JavaScript被 ECMA组织更名为 ECMAscript(ES)。JavaScript是一门轻量级、基于面向对象的、即时编译的一门解释型语言。

JS的基本语法特点:js严格区分大小写;每一行代码应该以分号结尾,但是可以省略;js代码的执行顺序,从上往下依次执行。

js的引用有三种方式:

<!-- 方式一 行内式 通过 on+事件名 的形式书写js代码 不推荐 了解即可 -->
<button onclick='alert(123)'>按钮</button>
<!-- 方式二  内部引入式  (通过html中script标签)-->
<script>
    console.log('dys')
</script>
<!-- 方式三 外部js引入  script标签 通过该标签的src属性去指定js文件的路径 -->
<!-- 注意:在该方式中,不能在script的内容区写额外的js代码,写上了也是无效的!不会执行 -->
<script src="./day01/demo.js"></script>

1、JS的数据类型

四基两空一对象 , bigInt 

         - 四基: number(数值类型) 、string (字符串类型) 、 bool(布尔类型)、 symbol(符号类型)

        - 两空: Null (空对象,空引用) Undefined (未定义的空值)                                                        

         - 一对象: Object (对象类型,复杂数据,引用数据类型)                                                    

        - 在JavaScript中除开基本数据类型以外,“万物皆对象”

1、Number 数值类型 数值型的相关数据,整数、小数 特殊的数值类型: NAN (not a number)

2、String 字符串类型 字符串类型是由单引号或者双引号引起来的,称作为字符串类型             

3、Boolean 布尔类型 只有两个值 true(真) 和 false(假) 代表真和假 true和false是布尔值,也叫做逻辑值                                                                                                                                   

4、Null 类型 空引用,空对象 该类型的值只有一个 null                                                               

5、Undefined 空值 该类型的值只有 Undefined

typeof 运算符 可以检测对应变量的类型;语法:typeof 变量名

2、硬盘和内存存储数据的区别

1、硬盘的读取速度慢,内存读取速度更快                                                                                       

2、硬盘的容量更大可以存储大量的数据,内存容量有限                                                                 

3、硬盘保存的是永久性数据,内存保存的是临时数据(断电消失)

3、标识符的命名规则

标识符:就是为变量、函数、形参、对象属性、对象方法等命名的一段字符                                 

标识符的命名规则: 1、标识符只能由数字、字母、下划线、$组成 ;2、不能以数字进行开头 ; 3、不能使用关键字或者保留字作为标识符的名字 ;4、标识符的命名严格区分大小写 ;5、标识符的命名应该遵循'见名知义' ;6、如果标识符由多个单词组成应采用驼峰命名法 abcAbcBcc (比如 blackGroundColor)。

4、数据类型的相互转换

数据类型的相互转换:强制转换 (人为) ;隐式转换(自动转换)

1- 将其他数据类型转换为 Number,有三个方法可以实现——三个全局函数 1、Number() 2、paserInt()(遇到第一个非number数据形式的字符就停止转换,将之前的数值格式的数据转换并返回)  3、paserFloat()

2-将其他数据类型转换为字符串类型 string类型 1、String()​ 2、 toString()

3- 将其他类型转换为布尔类型 Boolean()

二、运算符

算术运算符、单目运算符(一元运算符)、自增和自减运算符(也是单目运算符)、比较运算符、逻辑运算符、括号运算符、逗号运算符、条件运算符

1、算术运算符

算术运算符:+ - * / %(模、取余) **(幂运算)

+(加号): 将+号两边的number类型的数据,进行相加得到一个相加后的值 如果+号的两边不是number类型(string类型除外),它会先将其隐式转为number类型然后再进行计算

-(减号) : 将-号两边的number类型的数据,进行相减得到一个相减后的值 如果-号的两边不是number类型,它会先将其隐式转为number类型然后再进行计算

* (乘号) : 将*号两边的number类型的数据,进行相乘得到一个相乘后的值 如果*号的两边不是number类型,它会先将其隐式转为number类型然后再进行计算

/ (除号,数学意义上的除法) : 将*号两边的number类型的数据,进行相除得到一个相除后的值;如果*号的两边不是number类型,它会先将其隐式转为number类型然后再进行计算

2、自增自减运算符

++(自增运算) -- (自减运算),两个都是属于单目运算

++(自增运算),有两种形式:                                                                                                        

         - 前自加:  

                 语法: ++变量名 ==> 变量名 = 变量名 + 1                                                                   

                前自加是先将变量的值进行加1后,再参与后续的计算         

        - 后自加                                                                                                                                      

                语法: 变量名++ ==> 变量名 = 变量名 + 1                                                                        

                先使用变量当前值参与运算,运算完毕后,再将变量的值进行加1

-- (自减运算)与自增运算同理

3、逻辑运算符

逻辑运算符:与(&&) 或(||) 非(!)逻辑运算符,是将两边表达式进行逻辑比较,得到的也是一个逻辑值。逻辑运算符的结果不一定是true 或者 false 逻辑运算表达式的结果是将表达式中所计算的实际值,作为整个逻辑表达式的结果进行返回。

逻辑与(&&): 表达式1 && 表达式2 && 表达式3。口诀:一假即假,全真才真。js中的逻辑与是属于短路与,一旦表达式1为false,将不再进行表达式2的运算,直接将表达式1的值进行返回。

逻辑或(||): 表达式1 || 表达式2。口诀:一真即真,全假才假。js中的逻辑或是属于短路或,一旦表达式1为true,将不再进行表达式2的运算,直接将表达式1的实际值进行返回不管是逻辑与还是逻辑或,它是将表达式的值,作为整个逻辑表达式的值进行返回。

逻辑非(!)也是一元运算(单目运算)。如果对一个值连续取反,那么将得到该值的逻辑值

三、流程控制结构

顺序结构( js代码整体的运行轨迹是从上往下依

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值