javascript学习-1_有两个类a、b,若要将b类定义为a类的父类,则使用语句-CSDN博客

本文链接：https://blog.csdn.net/qq_42760119/article/details/107329435

JavaScript入门介绍：

js是弱变量类型的语言，变量只需要var进行声明即可。

var a；

浏览器工作原理：
在这里插入图片描述
1、User Interface 用户界面，我们所看到的浏览器

2、Browser engine 浏览器引擎，用来查询和操作渲染引擎

3、Rendering engine 用来显示请求的内容，负责解析HTML、CSS

4、Networking 网络，负责发送网络请求

5、JavaScript Interpreter(解析者) JavaScript解析器，负责执行JavaScript的代码

6、UI Backend UI后端，用来绘制类似组合框和弹出窗口

7、Data Persistence(持久化) 数据持久化，数据存储 cookie、HTML5中的sessionStorage

js的使用方式

1、内嵌

<head>
		<meta charset="UTF-8">
		<title></title>
		<!--内嵌-->
		<script type="text/javascript">
			
		</script>
	</head>
	<body>
		<!--js的使用方式：内嵌-->
		<script type="text/javascript">
			
		</script>
	</body>

js可以内嵌在head标签中，也可以内嵌在body中，如上例所示，执行顺序为从上至下。

2、外链式

<script src="js/index.js" type="text/javascript"></script>

src填入js文件的地址，即可引入。

3、控制台

利用控制台使用主要是用于调试。

可以在控制台console中书写js代码，即可展示出相关效果；但是此代码不会同步在原代码中。

可以在源代码中讲某些内容输出在控制台中，语句为console.log()

alert语句

<script type="text/javascript">
	alert("hello world")
</script>

alert语句是用来弹出提示弹框，样式为浏览器自带样式，不可修改。

注：尽量不用使用alert（），样式丑，不同的浏览器自带弹框样式不一致，且会阻塞内容的渲染。

语法规则

1、js对换行、缩进、空格是不敏感的。每一条语句以分号结尾。

备注：一般情况上是要加分号的，但是当不加分号时，也是可以的，因为在预编译的情况下，系统为自动加上分号，不过这样就会消耗一些资源。

2、要注意的是所有的符号均是英文模式。

3、严格区分大小写。

注释：

html注释：<!--html注释-->
css注释：/*  css注释 */
js注释：
	单行注释：//
	多行注释：/*  css注释 */

在常用的编辑器中，单行注释的快捷键是ctrl+/，多行注释的快捷键是ctrl+shift+/

输出

1、弹框：

alert("尽量少用原生的弹框")

2、控制台输出

console.log()
console.error("错误")
console.warn("警告")

3、弹框，带有确定和取消按钮的弹框(尽量少用)

var a = confirm("今天的任务完成了嘛？")
console.log(b)   //输出为true或false

4、弹框，带输入框的弹框(尽量少用)

var b = prompt("没有完成任务，你配吃火锅嘛？")
document.write(b);

在这里插入图片描述
实例：加法运算器：谈两个弹框，将第一个弹框的值与第二个弹框的值相加，将结果输出到页面。

<script type="text/javascript">
			var a = prompt("请输入第一个加数：");
			var b = prompt("请输入第二个加数：");
			var c = Number(a)+Number(b);	
			document.write(c);
			//当输入为数字类型时，正常输出结果；当输入不是数字类型时，输出为NaN
</script>

变量

变量：可以用来保存字面量，且变量的值可以任意改变。

var a = 100;  //变量赋值式声明
var b;      //变量简单声明  在变量未赋值的情况下，默认赋值为underfined
			//js在预编译时，会将变量声明提前，但是不会将赋值提前，所以赋值仍然是按照从上至下进行操作。

变量的定义：var 用来定义变量，即为关键词。

关键词是指具有特殊功能或特定含义的词语，关键词后面一定会有空格隔开。

如果没有加var，会在全局里创建一个变量，不会报错。但是尽量都加上。

变量的赋值：等号

变量名：可以以$、下划线、字母作为开头，不能以数字作为开头。

变量的命名规范：

1.建议用驼峰命名规则：getElementById/matherAndFather/aaaOrBbbAndCcc
2.变量命名必须以字母或是下标符号”_”或者”$”为开头。
3.变量名长度不能超过255个字符。
4.变量名中不允许使用空格，首个字不能为数字。
5.不用使用脚本语言中保留的关键字及保留字作为变量名。以下为常见的保留字：

abstract、boolean、byte、char、class、const、debugger、double、enum、export、extends、final、float、goto
implements、import、int、interface、long、native、package、private、protected、public、short、static、super、synchronized、throws、transient、volatile

6.变量名区分大小写(javascript是区分大小写的语言)。
7.汉语可以作为变量名。但是不建议使用，因为 low。

标识符

标识符：所有由我们自主命名的名称都可称为标识符。

标识符的命名规则和变量的命名规则是一样的。见上~

变量声明的提升

在变量未赋值的情况下，默认赋值为underfined
js在预编译时，会将变量声明提前，但是不会将赋值提前，所以赋值仍然是按照从上至下进行操作。

<script type="text/javascript">
			var a = "123";
			var b =234
			var d;
			console.log(a);
			console.log(b);
			console.log(c);
			var c = 45;
			console.log(d);
			d = 45;
</script>