【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://www.mzph.cn/news/698836.shtml

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

相关文章

C语言-指针初学速成

1.指针是什么 C语言指针是一种特殊的变量&#xff0c;用于存储内存地址。它可以指向其他变量或者其他数据结构&#xff0c;通过指针可以直接访问或修改存储在指定地址的值。指针可以帮助我们在程序中动态地分配和释放内存&#xff0c;以及进行复杂的数据操作。在C语言中&#…

RabbitMQ-消息队列:发布确认高级

18、发布确认高级 在生产环境中由于一些不明原因&#xff0c;导致 RabbitMQ 重启&#xff0c;在 RabbitMQ 重启期间生产者消息投递失败&#xff0c; 导致消息丢失&#xff0c;需要手动处理和恢复。于是&#xff0c;我们开始思考&#xff0c;如何才能进行 RabbitMQ 的消息可靠投…

ARM服务器部署Kafka集群

安装前必备的条件是: (1)安装jdk(提供环境); (2)安装zookeeper(注册kafka信息); 需要这方面信息的可以查看我之前写的文档; 一.下载安装包 Kafka官网下载地址 Apache Kafka 根据自己需要下载相应的版本 目前最新的版本是3.6.1。 二.解压安装包 服务器上传下载好的kafk…

《Linux C编程实战》笔记:信号量

信号量在操作系统的书里一般都有介绍&#xff0c;这里就只写书上说的了。 信号量是一个计数器&#xff0c;常用于处理进程或线程的同步问题&#xff0c;特别是对临界资源访问的同步。临界资源可以简单地理解为在某一时刻只能由一个进程或线程进行操作的资源&#xff0c;这里的…

【零基础入门】什么样的人适合学网络安全?该怎么学?

有很多想要转行网络安全或者选择网络安全专业的人在进行决定之前一定会有的问题&#xff1a; 什么样的人适合学习网络安全&#xff1f;我适不适合学习网络安全&#xff1f; 到底什么样的人适合学习网络安全呢&#xff1f;&#xff08;需要什么前提条件呢&#xff09; 开门见山…

【Appium UI自动化】pytest运行常见错误解决办法

通过Appium工具录制代码在pycharm上运行报错&#xff1a; 错误一&#xff1a; 1.提示 setup() 方法运行 error failed 解决办法&#xff1a;未创建 init __ 方法&#xff0c;创建一个空的__init.py文件就解决了。 原因&#xff1a; 错误二&#xff1a; 2.运行代码&#xff…

Linux之ACL权限管理

文章目录 1.ACL权限介绍二、操作步骤1. 添加测试目录、用户、组&#xff0c;并将用户添加到组2. 修改目录的所有者和所属组3. 设定权限4. 为临时用户分配权限5. 验证acl权限6. 控制组的acl权限 1.ACL权限介绍 每个项目成员有一个自己的项目目录&#xff0c;对自己的目录有完全…

构建生物医学知识图谱from zero to hero (4):通过Neo4j构建知识图谱

图数据库是一种专门用于存储图形数据的 NoSQL 数据库。与传统的关系型数据库和其他 NoSQL 数据库不同,图数据库利用图形数据模型来存储和管理数据。图形数据模型由节点和边组成,节点代表实体,边代表实体之间的关系。例如,在社交网络中,用户可以表示为节点,朋友关系可以表…

xff注入 [CISCN2019 华东南赛区]Web111

打开题目 看见smarty 想到模板注入 又看见ip 想到xff注入 一般情况下输入{$smarty.version}就可以看到返回的smarty的版本号。该题目的Smarty版本是3.1.30 在Smarty3的官方手册里有以下描述: Smarty已经废弃{php}标签&#xff0c;强烈建议不要使用。在Smarty 3.1&#xff…

C# OpenVINO 百度PaddleSeg实时人像抠图PP-MattingV2

目录 效果 项目 代码 下载 C# OpenVINO 百度PaddleSeg实时人像抠图PP-MattingV2 效果 项目 代码 using OpenCvSharp; using Sdcb.OpenVINO; using System; using System.Diagnostics; using System.Drawing; using System.Security.Cryptography; using System.Text; us…

SparkSQL学习03-数据读取与存储

文章目录 1 数据的加载1.1 方式一&#xff1a;spark.read.format1.1.1读取json数据1.1.2 读取jdbc数据 1.2 方式二&#xff1a;spark.read.xxx1.2.1 读取json数据1.2.2 读取csv数据1.2.3 读取txt数据1.2.4 读取parquet数据1.2.5 读取orc数据1.2.6 读取jdbc数据 2 数据的保存2.1…

SmartX 携手 openGauss 社区发布联合方案评测与性能最佳实践

近日&#xff0c;北京志凌海纳科技有限公司&#xff08;以下简称 “SmartX”&#xff09;携手 openGauss 社区完成了 openGauss 数据库基于 SmartX 超融合平台&#xff08;SMTX OS&#xff09;和 SmartX 分布式存储平台&#xff08;SMTX ZBS&#xff09;的性能测试和调优。 结果…

MySQL数据库基础(十三):关系型数据库三范式介绍

文章目录 关系型数据库三范式介绍 一、什么是三范式 二、数据冗余 三、范式的划分 四、一范式 五、二范式 六、三范式 七、总结 关系型数据库三范式介绍 一、什么是三范式 设计关系数据库时&#xff0c;遵从不同的规范要求&#xff0c;设计出合理的关系型数据库&…

紫光同创初使用

芯片PGC2KG-6LPG144 1、安装好软件接&#xff0c;加载license,有两个&#xff0c;与电脑MAC地址绑定的 2、正常使用后&#xff0c;新建个工程&#xff0c;配置管脚Tools→UCE 3、程序中有些信号被软件认为是时钟信号&#xff0c;会报错&#xff08;时钟输入I0约束在非专用时钟…

【LeetCode刷题笔记】242.有效的字母异位词

创作不易&#xff0c;本篇文章如果帮助到了你&#xff0c;还请点赞 关注支持一下♡>&#x16966;<)!! 主页专栏有更多知识&#xff0c;如有疑问欢迎大家指正讨论&#xff0c;共同进步&#xff01; 更多算法知识专栏&#xff1a;算法分析&#x1f525; 给大家跳段街舞感谢…

Spring基础之AOP和代理模式

文章目录 理解AOPAOP的实现原理 AOP代理模式静态代理动态代理1-JDK动态代理2-CGLIB动态代理 总结 理解AOP OOP - - Object Oriented Programming 面向对象编程 AOP - - Aspect Oriented Programming 面向切面编程 AOP是Spring提供的关键特性之一。AOP即面向切面编程&#xff0…

Jenkins邮件通知配置(7)

1、安装插件&#xff1a; Email Extension&#xff0c;Email Extension Template&#xff0c;这两个插件可以帮助我们进行邮件的编写发送以及格式化 2、配置jenkins中链接腾讯企业邮箱 先配置发送服务&#xff0c;然后在具体工程中设置接收者 基础信息&#xff1a; POP3/S…

SWIFT:自我认知微调

文档:https://github.com/modelscope/swift/blob/main/docs/source/LLM/%E8%87%AA%E6%88%91%E8%AE%A4%E7%9F%A5%E5%BE%AE%E8%B0%83%E6%9C%80%E4%BD%B3%E5%AE%9E%E8%B7%B5.md ​​​​​​代码: Swift是如何把自我认知数据集融合到训练集中呢? 1:相关的3个参数

企业级大数据安全架构(十一)Kerberos接入dophinscheduler

作者&#xff1a;楼高 建议将dophinscheduler集成到Ambari安装部署&#xff0c;在Ambari上面开启kerberos 1.安装准备 编译 从GitHub获取dolphinscheduler-1.3.9源码 git clone https://github.com/apache/dolphinscheduler.git -b 1.3.9-releasehttps://github.com/apache/…

多输入回归预测|GWO-CNN-LSTM|灰狼算法优化的卷积-长短期神经网络回归预测(Matlab)

目录 一、程序及算法内容介绍&#xff1a; 基本内容&#xff1a; 亮点与优势&#xff1a; 二、实际运行效果&#xff1a; 三、算法介绍&#xff1a; 灰狼优化算法&#xff1a; 卷积神经网络-长短期记忆网络&#xff1a; 四、完整程序下载&#xff1a; 一、程序及算法内容…