JavaScript概述

最新推荐文章于 2024-09-08 22:25:25 发布

外太空程序员

最新推荐文章于 2024-09-08 22:25:25 发布

阅读量1k

点赞数 1

文章标签： javascript 前端 servlet

本文链接：https://blog.csdn.net/qq_48516121/article/details/127107930

版权

1、网页中各技术的作用

技术	作用
html	创建网页的结构
css	美化网页
javascript	用于网页交互，让网页变得更加生动，提高用户的体验

2、js初次体验

使用JavaScript在网页上输出5个hello

<body>

for (var i = 0; i < 5; i++) {

// 在HTML网页上写内容：helloword

// js的语言就是面向对象的语言，把整个html文档当作一个对象

document.write("<h1>hello,word!</h1>")

}

</script>

</body>

3、JavaScript的两种引入方式：

1、使用<script>标签写在html文档当中

2、以一个js的外部文件引入到HTML当中，引入的格式是：

4、JavaScript语言的三个组成部分：

组成部分	作用
ECMA Scprit	所有脚本语言的规范，构成JavaScript语法的基础
BOM	Browser object Model浏览器对象模型，用来操作浏览器当中各种对象
DOM	Document Object Model 文档对象模型，用来操作网页中的各个元素

5、JavaScript的语法规范

script标签两个属性：

1、src导入外部JS脚本的位置；

2、type是指脚本的类型，可选

6、JavaScript三种输出方式

console.log("这种输出是开发人员调试的");

document.write("这种输出是到网页上的");

alert("我是弹框信息");

confirm("我和你做朋友");

7、变量的定义

es6中有三个定义变量的关键字：

1、var es6以前使用比较多的一个关键字

2、let es6新增的定义变量的关键字

3、const 定义的变量是一个常量，就像java中final一样定义后不能再变

// 定义一个整数

var i=6;

let m=5; //es6版本的才有的写法

const PI=3.141; //常量，所有的变量如果使用const进行赋值，都会变为一个常量，并且不能进行二次赋值。

// PI=99; 不可以这样做，因为常量不可以进行二次赋值

console.log(PI);

document.write(i+"<br/>");

document.write(m+"<br/>");

</script>

Java和JS声明变量的比较：

数据类型	Java中的定义	JS中的定义
整数	int i=5;	var i=5
浮点数	float f=3.1f;double d=3.14;	var f=3.14
布尔值	boolean b=true;	var b=true;
字符	char c='a';	var c='c'; JS当中没有字符类型，只有字符串
字符串	String str="abc";	var str="abc";

注意事项：

1、js语言是属于 弱类型语言，并且同一个变量可以赋值为不同的数据类型；

//在JS中，字符和字符串引号：可以使用单引号也可以使用双引号，还可以使用反引号，他们的意思都是字符串，没有字符的说法。

let s1=`abcd` //反引号，在英文状态下，按tab上面的那个键即可

let s2='xyz' //单引号

let s3="hello" //双引号

document.write(s1+s2+s3+"<br/>")

8、var关键字的使用以及let关键字的不同

1、作用域不同，var定义的变量在代码中不受括号{}限制，let定义的变量是受限制的

2、重新定义变量的区别：var可以修改变量的值

//作用域不同，var定义的变量在代码中不受括号{}限制，let定义的变量是受限制的

//重新定义变量的区别：var可以修改变量的值

{

var x=5;

}

document.write(x+"<br/>")

var a=10;

{

var a=2;

}

let y=66;

{

let y=19;

}

document.write(a+"<br/>")

document.write(y+"<br/>")

</script>

9、const关键字定义的变量有哪些特征？

const定义的变量是一个常量，不能二次赋值；

3、const 定义的对象的属性不能更改，对象的属性值可以改变（不能使用"对象名=？"，可以使用 "对象名.属性=值"）。

10、【总结】

JS的数据类型（5种）

数据类型	说明
number	数值型，包含整数或者小数
boolean	布尔类型，true或false
string	字符串类型，可以使用单引号，双引号，反引号
object	对象类型
undefined	未定义的类型，未知的

typeof 操作符(关键字)

作用：判断一个变量的数据类型

写法：typeof 变量名

null和undefined的区别	说明
null	null本质是一个对象，只是这个没有值
undefined	未知的类型，只是定义一个变量名，没有给到具体值，没有初始化