初识JS

目录

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.mzph.cn/news/725024.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

嵌入式学习第二十五天!(网络的概念)

网络: 可以用来:数据传输、数据共享 1. 网络协议模型: 1. OSI协议模型: 应用层实际收发的数据表示层发送的数据是否加密会话层是否建立会话连接传输层数据传输的方式(数据包,流式)网络层数据的…

Vue+SpringBoot打造医院门诊预约挂号系统

目录 一、摘要1.1 项目介绍1.2 项目录屏 二、功能模块2.1 功能性需求2.1.1 数据中心模块2.1.2 科室医生档案模块2.1.3 预约挂号模块2.1.4 医院时政模块 2.2 可行性分析2.2.1 可靠性2.2.2 易用性2.2.3 维护性 三、数据库设计3.1 用户表3.2 科室档案表3.3 医生档案表3.4 医生放号…

SpringCloud Alibaba 学习

一:SpringCloud Alibaba介绍 Spring Cloud Alibaba 致力于提供微服务开发的一站式解决方案。此项目包含开发分布式应用微服 务的必需组件,方便开发者通过 Spring Cloud 编程模型轻松使用这些组件来开发分布式应用服务。 依托 Spring Cloud Alibaba&…

JavaScript实现点击鼠标弹钢琴的效果

思路&#xff1a; 图片设置宽900px&#xff0c;找到鼠标按下时的x坐标和img距离body的x坐标&#xff0c;两个值相减&#xff0c;然后除100取整&#xff0c;赋值给a&#xff0c;通过判断a的值来确定放出那个音乐。 完整代码&#xff1a; <!DOCTYPE html> <html lan…

MQTT连接阿里云物联网上报物模型数据

目录 1. 创建产品&#xff08;物联网平台 -> 产品 -> 创建产品&#xff09; 2. 为产品添加设备 3. 添加物模型 4. mqtt.fx连接测试 5. 调试物模型 6. 使用mqtt.fx上报温度数据 1. 创建产品&#xff08;物联网平台 -> 产品 -> 创建产品&#xff09; 我这里再新…

Java开发快速学习,Java面试题汇总

前言 面试时间将近两个小时&#xff08;期间等待二面面试官来面我的时候等了半个多小时&#xff09;面试官问的东西很多&#xff0c;还挖了好几个坑&#xff0c;一个技术点套着一个技术点的问&#xff0c;一定要做好万全的准备。问了一些基本层面上的技术点都答出来了&#xf…

Vue基础练习 组件之间数据传递

父→子&#xff1a;在子组件注册时写入props&#xff0c;并指定验证要求&#xff0c;父组件时使用v-bind绑定传入数据 //父组件&#xff1a;<Menu class"Menu" :MenuList"MenuList" :showUnderLine"showUnderLine"></Menu>data(){r…

Java项目:39 springboot007大学生租房平台的设计与实现

作者主页&#xff1a;源码空间codegym 简介&#xff1a;Java领域优质创作者、Java项目、学习资料、技术互助 文中获取源码 项目介绍 系统有管理员、房东和用户 【主要功能】 1、后台&#xff1a;房源管理、信息审批管理、订单信息管理、房东管理、用户管理 2、前台&#xff1…

学习总结——JMeter做http接口功能测试

JMeter对各种类型接口的测试 默认做接口测试前&#xff0c;已经给出明确的接口文档&#xff08;如&#xff0c;http://test.nnzhp.cn/wiki/index.php?doc-view-59&#xff09;&#xff1b;本地配好了JMeter 3.x的运行环境&#xff1b; 打开JMeter&#xff0c;添加一个线程组…

TCP和UDP可以使用同一个端口号吗?

TCP和UDP可以使用同一个端口号吗&#xff1f; 首先说答案&#xff1a;可以。怎么理解呢&#xff1f; 我想这个问题要从计算机网络通信谈起&#xff0c;学过计算机网络的同学&#xff0c;可能都还记得7层或者4层网络模型&#xff0c;TCP/UDP属于其中的传输层协议&#xff0c;在…

浅析扩散模型与图像生成【应用篇】(七)——Prompt-to-Prpmpt

7. Prompt-to-Prompt Image Editing with Cross Attention Control 本文提出一种利用交叉注意力机制实现文本驱动的图像编辑方法&#xff0c;可以对生成图像中的对象进行替换&#xff0c;整体改变图像的风格&#xff0c;或改变某个词对生成图像的影响程度&#xff0c;如下图所示…

《程序员的职业迷宫:选择你的职业赛道》

程序员如何选择职业赛道&#xff1f; 大家好&#xff0c;我是小明&#xff0c;一名在编程迷宫中探索的程序员。作为这个庞大迷宫的探险者&#xff0c;我深知选择适合自己的职业赛道有多么重要。今天&#xff0c;我将分享一些关于如何选择职业赛道的心得&#xff0c;希望能够帮…

网络编程作业day6

数据库操作的增、删、改完成 #include <myhead.h>//查询的回调函数 int callback(void* data,int count,char** argv, char** columnName) {//count是字段数//argv是字段内容//columnName是字段名称for(int i0;i<count;i) {printf("%s%s\n", columnName[…

2024全国水科技大会暨新能源及电子行业废水论坛(十一)

一、会议背景 为深入学习贯彻《中共中央、国务院关于全面推进美丽中国建设的意见》&#xff0c;全面贯彻实施《固体废物污染环境防治法》、《“十四五”全国城市基础设施建设规划》&#xff0c;推进我国污泥处理工程建设&#xff0c;提高处理产物资源化利用水平&#xff0c;促进…

Python内置模块

目录 什么是模块 模块分类 通过模块创建者分类 系统内置模块 第三方模块 在线安装 离线安装 模块导入 math和random模块介绍 math模块 random模块 什么是模块 在我们编写程序时&#xff0c;需要导入包。例如随机数的产生&#xff0c;需要import random。import XXX&…

XGboost的整理

XGboost&#xff08;extreme gradient boosting&#xff09;:高效实现了GBDT算法并进行了算法和工程上的许多改进。 XGboost的思路&#xff1a; 目标&#xff1a;建立k个回归树&#xff0c;使得树群的预测尽量接近真实值&#xff08;准确率&#xff09;而且有尽量大的泛化能力…

Java项目:39 springboot008房屋租赁系统

作者主页&#xff1a;舒克日记 简介&#xff1a;Java领域优质创作者、Java项目、学习资料、技术互助 文中获取源码 项目介绍 房屋租赁系统的设计基于现有的网络平台&#xff0c;主要有管理员、房东、用户三个角色 管理员可以在线查看系统已有的人中心、房屋类型管理、房屋信息…

创建java项目

文章目录 一、安装idea二、创建一个java项目1.设置名称 项目路径 安装JDK&#xff08;自己选择一个位置存放JDK&#xff09;2.创建完成之后 在src文件夹下创package包 再在包下创建Class类3. hellojava类创建完成设置打印语句 输出HelloJava 一、安装idea 官网地址 二、创建一…

不买后悔的阿里云服务器租用价格表_优惠活动整理_2024新版

2024阿里云服务器优惠活动政策整理&#xff0c;阿里云99计划ECS云服务器2核2G3M带宽99元一年、2核4G5M优惠价格199元一年&#xff0c;轻量应用服务器2核2G3M服务器61元一年、2核4G4M带宽165元1年&#xff0c;云服务器4核16G10M带宽26元1个月、149元半年&#xff0c;云服务器8核…

使用Http请求下载文件带来的问题

java.io.IOException: Broken pipe 当使用http请求的方式将文件作为响应内容给浏览器&#xff0c;这个时候如果浏览器未开启自动下载(浏览器可能会终止这个tcp连接)&#xff0c;文件不会下载成功&#xff0c;但是这个时候请求已经到达服务器&#xff0c;如果这个时候&#xff0…