【Web前端笔记11】JavaScript基础与变量

        前言

11 JavaScript基础与变量

一、Js简介

1、JavaScript核心部分:

2、有非常广泛的使用领域

3、JavaScript与ECMAScript的关系

4、JavaScript版本

二、JavaScript名词解释

三、变量命名规则

四、变量类型

六大基本数据类型:

1、数字类型

2、字符串类型

3、布尔类型

4、未定义类型undefined

5、Js用法和输出函数

五、JavaScript引入到HTML文件中

1、嵌入到HTML文件中

2、引入本地独立JS文件

3、引入网络来源文件

六、JavaScript注释与常见输出方式

1、JavaScript注释

2、JavaScript输出方式


前言

从这篇博文开始,进入到JavaScript的学习咯!

11 JavaScript基础与变量

一、Js简介

轻量级脚本语言,可以部署在多种环境

常见部署环境:浏览器

1、JavaScript核心部分:
  • 基本的语法构造(操作符、控制结构、语句);
  • 标准库(一系列各种功能的对象,例如Array、Data、Math等)

还提供额外API,包含

  • 浏览器控制类
  • DOM类
  • Web类
2、有非常广泛的使用领域
  • 浏览器的平台化
  • 跨移动平台
  • 数据库操作
  • Node.js
3、JavaScript与ECMAScript的关系

ECMAScript和JavaScript的关系是,前者是后者的规格,后者是前者的一种实现。在日常场合,这两个词是可以互换的。

4、JavaScript版本

img

二、JavaScript名词解释

        语句:以行为单位,以分号结尾;

        变量:其表示的值可以发生改变;

var a; /*a就是一个变量,a是变量名*/

ps:创建一个变量的过程就叫变量的声明;

        给变量一个具体的值的过程叫做变量的赋值(变量在赋值之前必须被声明),例如a=10;

        将变量的声明和赋值写在一起的方式叫做变量的初始化,例如var a=10;    

 /*script标签表示脚本,可以在script标签中编写js代码,也可以通过script的src属性来引入外部的脚本文件 注意:script可以写在HTML文件的任意位置,不过一般写在body的最后., */

三、变量命名规则

  • JavaScript语言的标识符对大小写敏感
  • 字母、数字、下划线和美元符号组成,首字母不能是数字;
  • 不能用关键字(保留字)来命名变量;

常用命名方式:

  • 驼峰命名法(首字母大写,其余字母小写)

        ps:命名要有意义。        

四、变量类型

六大基本数据类型:
  • number 数字类型
  • object 对象类型
  • underfined&null 未定义类型&空类型
  • *Array 数组类型(不是基本数据类型)
  • boolean 布尔类型
  • string 字符(串)类型

【typeof 运算符可以查看变量的类型】

<script type="text/javascript"> var a; a=10; console.log(typeof a); a=true; console.log(typeof a); 
</script>

1、数字类型

只有一种数字类型,可以带小数点,也可以不带;

var x=34.00; //使用小数点来写 
var x=34; //不使用小数点来写 
var x=314e2; //极大或极小的数字可以用科学计数法 
var a=314e2 //a=31400 
var b=123e-5 //b=0.00123
2、字符串类型

在js中字符串类型是用来存储字符的类型,可以使用单双引号定义。

注意:字符串在定义时只要写在引号内部即可,但是唯一不能写在内部的是外部定义时用的引号。

var str1=''; 
var str2='a'; 
var str3='hello world'; 
var str4="good sxt"; 
var str5='my name is "sxt"'; //会报错,注意不能用外部定义时的引号
3、布尔类型

可以用来判断真假的数据类型

类型值:true/false

var flag=true; 
var flag2=false; 
console.log(typeof flag);
4、未定义类型undefined

        用来描述当变量的值不确定时,变量所表示的类型

        注意:未定义类型中有一个值就是undefined。

var item; 
console.log(typeof item);

        空类型:表示对象为空

5、Js用法和输出函数

JavaScript可以通过不同的方式来输出数据。

  • window.alert() 弹出警告框
  • console.log() 写入到浏览器的控制台
  • document.write() 将内容写入到HTML文档中
<script> document.write("1.1"); document.write("1.2") document.write("1.3") 
</script> 
<script>             document.write("2.1"); document.write("2.2") document.write("2.3") 
</script> 
<script> document.write("3.1"); document.write("3.2") document.write("3.3") 
</script3

五、JavaScript引入到HTML文件中

1、嵌入到HTML文件中
<body><script>var age = 20</script>
</body>
2、引入本地独立JS文件
<body><script type="text/javascript" src="./mix.js">       </script>
</body>
3、引入网络来源文件
<body><script src="http://code.jquery.com/jquery1.2.1.min.js">    </script>
</body>

六、JavaScript注释与常见输出方式

1、JavaScript注释

源码中注释是不被引擎所解释的,它的作用是对代码进行解释。

Javascript 有两种注释的写法

  • 单行注释,用//起头;
  • 多行注释,放在//之间。
// 单行注释/*这是多行注释
*/
2、JavaScript输出方式

JavaScript有很多种输出方式,都可以让我们更直观的看到程序运行的结果

// 在浏览器中弹出一个对话框,然后把要输出的内容展示出来,alert都是把要输出的内容首先转换为字符串然后在输出的
alert("要输出的内容");document.write("要输出的内容"); // 在控制台输出内容
console.log("要输出的内容");

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

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

相关文章

LiveQing视频点播流媒体RTMP推流服务功能-支持配置开启 HTTPS 服务什么时候需要开启HTTPS服务

LiveQing视频点播流媒体RTMP推流服务功能支持配置开启 HTTPS 服务什么时候需要开启HTTPS服务 1、配置开启HTTPS1.1、准备https证书1.1.1、选择Nginx类型证书下载 1.2、配置 开启 HTTPS1.2.1 web页面配置1.2.2 配置文件配置 2、验证HTTPS服务3、为什么要开启HTTPS3.1、安全性要求…

MATLAB使用绘图plot制作动态GIF

文章目录 1 前言2 DemoDemo 1 - 不使用函数Demo 2 - 使用函数 1 前言 在PPT展示或者博客创作中&#xff0c;有时需要插入动态图如GIF&#xff0c;来演示算法效果或者结果。在MATLAB中&#xff0c;可以通过一些代码&#xff0c;将绘图plot转化为动态的GIF。 其大致方法为&…

【计网】TCP的三次握手四次挥手

&#x1f34e;个人博客&#xff1a;个人主页 &#x1f3c6;个人专栏&#xff1a;JAVA ⛳️ 功不唐捐&#xff0c;玉汝于成 目录 前言 正文 三次握手&#xff08;Connection Establishment&#xff09; 四次挥手&#xff08;Connection Termination&#xff09; 结语 我…

【安卓逆向】app防止截屏分析与去除

本次分析的app name为&#xff1a;5paH5qGI54uX 这款应用打开之后里面的内容是不允许截图的&#xff0c;防止截图分析&#xff1a;Android应用防止截屏_landroid/view/window;->setflags 0x2000-CSDN博客 App防止恶意截屏功能的方法&#xff1a;iOS、Android和鸿蒙系统的实…

linux监控系统资源命令

当前CPU内核版本 [rootVM-12-12-centos ~]# cat /proc/version Linux version 3.10.0-1160.11.1.el7.x86_64 (mockbuildkbuilder.bsys.centos.org) (gcc version 4.8.5 20150623 (Red Hat 4.8.5-44) (GCC) ) #1 SMP Fri Dec 18 16:34:56 UTC 2020 当前系统版本 [rootVM-12-1…

C++最佳实践之编译篇

C最佳实践之工程编译 在大型c/c工程开发中&#xff0c;往往会涉及多级CMakeLists.txt的调用&#xff0c;并且调用方式错综复杂&#xff0c;主要有以下两种方式&#xff1a; 1. 子目录中的CMakeList.txt独立生成目标&#xff0c;不作为主目标生成过程的依赖关系&#xff08;比…

视频评论抓取软件|抖音数据抓取工具

最近我们推出了一款基于C#语言开发的工具。这款工具提供了丰富的功能&#xff0c;旨在帮助用户轻松获取抖音视频内容。让我们一起来详细介绍一下这款工具的主要功能模块&#xff1a; 1. 批量视频提取&#xff1a; 工具提供了便捷的批量视频提取功能&#xff0c;用户只需输入关…

挑战30天学完Python:Day16 日期时间

&#x1f4d8; Day 16 &#x1f389; 本系列为Python基础学习&#xff0c;原稿来源于 30-Days-Of-Python 英文项目&#xff0c;大奇主要是对其本地化翻译、逐条验证和补充&#xff0c;想通过30天完成正儿八经的系统化实践。此系列适合零基础同学&#xff0c;或仅了解Python一点…

Elasticsearch:基于 Langchain 的 Elasticsearch Agent 对文档的搜索

在今天的文章中&#xff0c;我们将重点介绍如何使用 LangChain 提供的基础设施在 Python 中构建 Elasticsearch agent。 该 agent 应允许用户以自然语言询问有关 Elasticsearch 集群中数据的问题。 Elasticsearch 是一个强大的搜索引擎&#xff0c;支持词法和向量搜索。 Elast…

深度学习中的样本分类:如何区分正样本、负样本、困难样本和简单样本?

深度学习中的样本分类&#xff1a;如何区分正样本、负样本、困难样本和简单样本&#xff1f; &#x1f308; 个人主页&#xff1a;高斯小哥 &#x1f525; 高质量专栏&#xff1a;Matplotlib之旅&#xff1a;零基础精通数据可视化、Python基础【高质量合集】、PyTorch零基础入…

Vue3 使用动态组件 component

component 标签&#xff1a;用于动态渲染标签或组件。 语法格式&#xff1a; <component is"标签或组件名">标签内容</component> 动态渲染标签&#xff1a; <template><h3>我是父组件</h3><component is"h1">动态…

Jmeter基础(3) 发起一次请求

目录 Jmeter 一次请求添加线程组添加HTTP请求添加监听器 Jmeter 一次请求 用Jmeter进行一次请求的过程&#xff0c;需要几个步骤呢&#xff1f; 1、添加线程组2、添加HTTP请求3、添加监听器&#xff0c;查看结果树 现在就打开jmeter看下如何创建一个请求吧 添加线程组 用来…

2024年数学建模美赛详细总结以及经验分享

前言&#xff1a; 本文记录与二零二四年二月六日&#xff0c;正好今天是数学建模结束&#xff0c;打算写篇文章记录一下整个过程&#xff0c;以及一些感受、还有经验分享。记录这个过程的原因就是我在赛前&#xff0c;在博客上找了很久&#xff0c;也没有像我这么类似记…

记一次:Python的学习笔记五(Django集成swagger)

上一篇集成在了gatway上了&#xff0c;但给别人使用swagger的时候还是没有文档&#xff0c;如何集成swagger呢&#xff1f; python版本&#xff1a;Python 3.11.5 Django版本&#xff1a;4.2.7 0、Swagger 文档介绍 Swagger 是一种用于 RESTful API 的开源框架&#xff0c;…

网络原理-UDP/TCP协议

协议 在网络通信中,协议是非常重要的一个概念,在下面,我将从不同层次对协议进行分析. 应用层 IT职业者与程序打交道最多的一层,调用系统提供的API写出的代码都是属于应用层的. 应用层中有很多现成的协议,但是更多的,我们需要根据实际情况来进行制作自定义协议. 自定义协议…

【行业会议】优积科技应邀参加住建部模块建筑企业2023年工作座谈会

2023年3月2日&#xff0c;优积建筑科技发展&#xff08;上海&#xff09;有限公司&#xff08;以下简称“优积科技”&#xff09;应邀参加由住房和城乡建设部科技与产业化发展中心&#xff08;以下简称“住建部科技与产业化中心”&#xff09;组织召开的模块建筑企业2023年工作…

linux0.11 源码阅读 head.s setup.s bootsect.s加载位置

从github上下载linux0.11源码 linux0.11源码 将0x10000处的代码往下复制到0开始的地址处。 移动后的内存布局如下 setup中存在gdt和idt的相关数据。此时需要用gdtr和idtr寄存器指向对应的数据。 实模式下&#xff0c;访问内存方式。最多访问1M内存。 分页模式下&…

在Linux操作系统的ECS实例上安装Hive

目录 1. 完成hadoop安装配置2. 安装配置MySql安装配置 3. 安装Hive4. 配置元数据到MySQL5. hiveserver2服务配置文件测试 1. 完成hadoop安装配置 在Linux操作系统的ECS实例上安装hadoop 以上已安装并配置完jdk、hadoop也搭建了伪分布集群 2. 安装配置MySql 安装 下下一步…

Vue 3.0中Tree shaking特性

在 Vue 3.0 中&#xff0c;引入了更好的 Tree shaking 特性&#xff0c;使得在使用 Vue 3 的项目中能够更加高效地进行代码精简和优化。 Tree shaking 是指在打包过程中通过静态分析&#xff0c;去除未使用的代码&#xff08;未被引用的模块或函数&#xff09;&#xff0c;从而…

【Vuforia+Unity】AR07-实现识别条码、二维码内容功能(Barcode Scanner)

Barcode Scanner in Unity | Vuforia Library官方教程&#xff0c;写的很详细&#xff0c;本教程主要参考对象&#xff01; 主要实现扫描生活中常见的二维码&#xff0c;然后弹出二维码链接&#xff0c;当然我们也可以再次回调自定义函数&#xff0c;弹出数字内容&#xff0c;…