JavaScript篇(一)

小生整理之前学习做过的笔记,分享出来,后续笔记会陆续整理出来,不喜勿喷~~~~~
如有错误,虔请各位大牛指正~~~

JavaScript篇(一)

​ JavaScript是一种轻量级的脚本语言。所谓的"脚本语言",指的是他不具备开发操作系统的能力,而是只用来编写控制其他大型应用程序的"脚本"。

​ JavaScript是一种嵌入式(embedded)语言。它本身提供的核心语法不算很多。

JavaScript的优点
  • 操控浏览器的能力

  • 广泛的使用领域

  • 易学性

    JavaScript与ECMAScript的关系

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

    JavaScript版本

在这里插入图片描述

1、JavaScript语句、标识符

语句

​ JavaScript程序的单位是行(line),也就是一行一行地执行。一般情况下,每一行就是一个语句

 var num = 10;

​ 语句以分号结尾,一个分号就表示一个语句的结束

标识符

​ 标识符(identifier)指的是用来识别各种值的合法名称。常见的表示付就是变量名

​ 标识符是由:字母、美元符号($)、下划线(_)和数字组成,其中数字不能开头

温馨提示

中文是合法的标识符,可以用作变量名(不推荐)

JavaScript保留关键字

​ 以下关键字不需要强行记忆!!!!

​ JavaScript中有一些保留字,不能用作标识符:arguments、break、case、catch、class、const、continue、debugger、default、delete、do、else、enum、eval、export、extends、false、finally、for、function、if、implements、import、in、instanceof、interface、let、new、null、package、private、protected、public、return、static、super、switch、this、throw、true、try、typeof、var、void、while、with、yield。

2、变量

var num = 10;
变量的重新赋值
var num = 10;
num = 20;
变量提升

​ JavaScript引擎的工作方式是,先解析代码,获取所有被声明的变量,然后再一行行地运行。这造成的后果,就是变量的声明语句,都会被声明到头部,这就叫做变量提升(hoisting)

console.log(num);
var num = 10; // 结果是什么呢?

3、JavaScript引入到文件

嵌入到HTML文件中
<body>
     <script>
	 	var age = 20;
 	</script>
</body>
引入本地独立JS文件
<body>
 <script type="text/javascript"
src="./Jerry.js">   </script>
</body>
引入网络来源文件
<body>
 	<scriptsrc="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"> 
    </script>
</body>

4、JavaScript注解与常见输出方式

在这里插入图片描述

JavaScript注释是不被引擎所解释的,他的作用是对代码进行解释。

JavaScript提供两种注解方式:一种是单行注释,用//起头,另一种是多行注释,放在/和/之间。

// 这是单行注释
/*
	这是
	多行
	注释
*/

嵌入在HTML文件中的注解

<!-- 注释 -->
温馨提示

注释的快捷键:ctrl+/

JavaScript输出方式

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

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

5、数据类型

在这里插入图片描述

数据类型的分类

​ JavaScript语言的每个值都属于某一种数据类型。JavaScript的数据类型,共有六钟。(ES6又新增了第七种symbol类型的值和第八种Bigint类型,当前课程暂不涉及)

数据类型的分类
原始类型(基础类型)
var age = 20;
var name = "陈序源";
var learn = true;
合成类型(复合类型)

​ 对象:因为一个对象往往是多个原始类型的值合成,可以看作是一个存放各种的值的容器

var user = {
   
   name:"陈序源",
   age:20,
   learn:true
 }
温馨提示

至于undefined和full,一般将它们看成两个特殊值

在这里插入图片描述

6、typeof 运算符

​ JavaScript有三种方法可以确定一个值到底是什么类型,typeof就是其中一种。

数值返回number
typeof 123 // "number"
字符串返回string
 typeof '123' // "string"
布尔值返回boolean
typeof false // "boolean"
对象返回object
 typeof {
   } // "object"

7、算术符之算术运算符

加减乘除运算符

​ 加减乘除运算符就是基本的数学运算符效果

10 + 10; // 20
100 - 10; // 90
10 * 2; //20
10 / 5; 2
余数运算符

​ 余数运算符是比较常用的,因为在逻辑思维上寻找规律,余数运算符是很好用的

13 % 5 // 3
自增和自减运算符

​ 自增和自减运算符,是一元运算符,只需要一个运算子。他们的作用是将运算子首先转为数值,然后加上1或者减去1

var x = 1;
var y = 1;
++x // 2
  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值