初识JS

news/2024/5/15 18:58:25

目录

javascript的作用:

浏览器如何执行JS代码:

JS的三部分组成:

ECMAScript:

DOM:

BOM:

JS的三种书写导入方式:

JS注释:

JS的输入输出语句:

JS变量,数据:

变量的使用:

声明变量:

赋值:

变量的更新(多次赋值):

变量的交换:

变量的命名规范:

JS数据的类型

简单数据类型:

数字型:

字符串型:可以是单引号可以是多引号

布尔型:

Undefined和Null:

注意:数据类型不会确定,只有在执行时,通过值进行判断的

获取数据的数据类型:typeof

常用的数据类型的转换:

转换为字符串:

转换为数字型

转换为布尔型:

小拓展(更能较好的学习):

JS运算符:

算数运算符号:

表达式和返回值:

自增符号和自减符号:

比较运算符:

逻辑运算符号:

短路运算情况:此处和JAVA不同

赋值运算符号:

运算优先级:

JS的命名规范 :

标识符命名规范:

操作符号规范:

注释规范:

其他规范:


JS是逐行进行解析的。

javascript的作用:

网页特效

服务端开发(node.js)

桌面程序(electron)

app(cordova)

控制硬件-物联网(ruff)

游戏开发(cocos2d-js)


浏览器如何执行JS代码:

JS的三部分组成:

ECMAScript:


DOM:


BOM:


JS的三种书写导入方式:

js有3种书写位置,分别为行内, 内嵌和外部。

---


---

---


JS注释:

单行注释:// vs默认ctrl+/

多行注释:/* */ vs默认shift+alt+a


JS的输入输出语句:


前两种都是这种弹出窗口:


最后一种是:


JS的输入输出数据都是可以作为数据储存给自己声明的数据中的,也就是说本身就是一个数据

同时:由prompt获取的数据都是String类型的,如果需要数字数据的处理需要先进行转型后在进行使用计算。

JS变量,数据:

  • Undefined
  • Null
  • 布尔(Boolean)
  • 字符串(String)
  • 数值(Number)
  • 对象(Object)
  • Symbol

值类型的有:字符串、数字、布尔、Undefined、Symbol
引用类型:对象(json对象,数组,函数等)、Null

这个变量也是需要进行申请(有名字)后在进行使用的。

变量的使用:

先声明变量,再赋值。

或者直接声明时进行赋值。

声明变量:

也可以实现一次声明多个。

赋值:

age是声明变量时的名称。


结果的输出console.log( )

变量的更新(多次赋值):

变量以最后一次(调用时,就近为准)


变量的交换:

和JAVA相似变量的交换。

变量的命名规范:

变量再进行命名的时候是不能以JS关键字作为变量名称的。


由字母(a-za-z),数字(0-9),下划线(),美元符号($)组成,如:usrage,num01,,name
严格区分大小写。varapp;和varapp;是两个变量
不能以数字开头。18age是错误的
不能是关键字,保留字。例如:var,for,while
变量名必须有意义。mmd bbd ti age
遵守驼峰命名法。首字母小写,后面单词的首字母需要大写。 myfirstname
推荐翻译网站:有道 爱词霸

JS数据的类型

在计算机中,不同的数据所需占用的存储空间是不同的,为了便于把数据分成所需内存大小不同的数据,充分利
用存储空间,于是定义了不同的数据类型。
简单来说,数据类型就是数据的类别型号。比如姓名"张三",年龄18.这些数据的类型是不一样的。

简单数据类型:

数字型:

注意数字型可以直接表示多个进制的数据。 输出时自动给出的是十进制的

数字型的最大最小值可以直接进行输出:

isNaN( )可以用来确定数据是不是数字型,是返回true不是返回false

字符串型:可以是单引号可以是多引号

引号匹配是就近原则,如果需要嵌套字符串,只要区分单双即可。

字符串的转移符号:


字符串长度的检测:length

空格也算一个字符


字符串的拼接:+

----

类似JAVA


使用弹窗实现间的交互


布尔型:

注意在当数字时怎么处理的


Undefined和Null:

注意未定义类型数据和字符串的关系

定义赋值为null也算是空值

但空值和别的有区别



注意:数据类型不会确定,只有在执行时,通过值进行判断的

JS的数据类型根据变量右边的数据在执行的时候确定的,但是可以通过代码操作获取变量类型。

因此,JS有个特殊点:数据类型可以在编码时,随意转换。

获取数据的数据类型:typeof

object是对象类。

prompt弹窗获取的数据是String类型的

控制台:不同颜色代表不同的数据类型的数据。


常用的数据类型的转换:

转换为字符串:


同样和JAVA类似

转换为数字型

转换为布尔型:


小拓展(更能较好的学习):

解释型语言和编译型语言:


标识符,关键字,保留字:


JS运算符:

算数运算符号:

但需要注意的是JS和JAVA一样对于浮点数据,都会有数据的精度误差。


表达式和返回值:


自增符号和自减符号:

和JAVA都会存在,++ - -导致的数据变化先后问题。


比较运算符:

注意==和===的区别:

我们程序里面的等于符号 是 默认转换数据类型 会把字符串型的数据转换为数字型。


逻辑运算符号:


短路运算情况:此处和JAVA不同

此处的关键在于:

如果有空的或者否定的为假 其余是真的。如下:


---

注意多个时。按照顺序从左到右,逐次比较判断。


赋值运算符号:


运算优先级:

JS的三元运算符号:


JS的命名规范 :

标识符命名规范:

操作符号规范:

注释规范:

其他规范:

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.cpky.cn/p/10162.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈,一经查实,立即删除!

相关文章

综合实验nginx+nfs+kpa

综合实验 实验目的: 静态资源和动态资源分别存放在远端存储NFS上,NFS上数据实现实时备份,用户通过负载访问后端的web服务。实现ngixn负载高可用,当keepalived master宕机,vip能自动跳转到备用节点 实验环境&#xff…

30m二级分类土地利用数据Arcgis预处理及获取

本篇以武汉市为例,主要介绍将土地利用数据转换成武汉市内各区土地利用详情的过程以及分区统计每个区内各地类面积情况,后面还有制作过程中遇到的面积制表后数据过小的解决方法以及一些相关的知识点: 示例数据下载链接:数据下载链…

maven 包管理平台-05-multi module 多模块

拓展阅读 maven 包管理平台-01-maven 入门介绍 Maven、Gradle、Ant、Ivy、Bazel 和 SBT 的详细对比表格 maven 包管理平台-02-windows 安装配置 mac 安装配置 maven 包管理平台-03-maven project maven 项目的创建入门 maven 包管理平台-04-maven archetype 项目原型 ma…

2023年第十四届蓝桥杯大赛软件类省赛C/C++大学A组真题

2023年第十四届蓝桥杯大赛软件类省赛C/C大学A组部分真题和题解分享 文章目录 蓝桥杯2023年第十四届省赛真题-平方差思路题解 蓝桥杯2023年第十四届省赛真题-更小的数思路题解 蓝桥杯2023年第十四届省赛真题-颜色平衡树思路题解 蓝桥杯2023年第十四届省赛真题-买瓜思路题解 蓝桥…

2-web端管理界面使用rabbitmq

Web管理界面可以直接操作RabbitMQ,下面进行操作并记录步骤 1、添加交换器: Add a new exchange 中,Name是交换器名称,Type是交换器类型,有direce、fanout、heders、topic 4种。 2、将四种类型的交换器都添加一个&…

10、Linux驱动开发:驱动-进程设备文件内核驱动

目录 🍅点击这里查看所有博文 随着自己工作的进行,接触到的技术栈也越来越多。给我一个很直观的感受就是,某一项技术/经验在刚开始接触的时候都记得很清楚。往往过了几个月都会忘记的差不多了,只有经常会用到的东西才有可能真正记…