初识JavaScript及其简单操作

本文介绍了JavaScript的基础知识,包括通过<script>标签和外部js文件引入JS,常用语句如document.write和console.log,以及变量的声明与赋值,强调了let的作用域特性。还讲解了常量的声明和基本数据类型,如字符串、数字、布尔值、未定义、NAN和NULL。此外,文章讨论了数据类型转换的方法和各种运算符的使用,如算术运算符和比较运算符。
摘要由CSDN通过智能技术生成

目录

引入形式

常用语句

变量

常量

基本数据类型

数据类型转换

运算符


引入形式

1、通过标签:

<body>
    <script>
        JavaScript语句
    </script>
</body>

2、创建js文件外部编写:

 在html中引入

<body>
    <script src="./练习.js"></script>
</body>

常用语句

1、在网页上打印:

document.write('你好')

 

 2、向控制台输出语句:

console.log('你好');

 

3、警示框:

alert('请立即退出')

 

 4、输入语句:

prompt('请输入密码')

 

 补充:字符串使用" ",' ',` `框起来。

变量

存储数据的容器

1、声明变量:

let uname//uname是变量

 不使用var:不存在块级作用域;可以先使用后声明,但是会显示为空,let先使用后声明会报错;一个变量可以声明很多次,但后声明的会将前面的覆盖。let会报错。 

2、变量赋值:

uname=`guoqiyichenghuiyi`//将名字存储进入变量盒子

3、打印变量:

document.write(uname)//变量不用引号

 4、表达式(声明变量的同时赋值):

let uname=`guoqiyichenghuiyi`

5、改变变量值:

再赋值后再次赋值将会覆盖掉之前的赋值

6、同时声明多个变量并打印:

let a=1,b=2
document.write(a,b);

 7、变量命名

尽可能取具有意义的名字。

必须是有效符号:大小写字母,数字,下划线,$。

关键字和保留字不能用于命名。

不以数字开头命名

使用小驼峰命名发:例如PingGuo。

或者使用下划线:ping_guo。

常量

无法修改值,修改会报错。

声明常量:

const name=`guoquyichenghuiy`

尽量多用常量。

基本数据类型

对于JavaScript来说,只有进行赋值了才能知道是什么数据类型。

检测数据类型:

const name=`guoquyichenghuiy`//声明常量
console.log(typeof(name));//检测数据类型并将检查结果输出到控制台

 

 可以看出为字符串类型。

1、字符串类型 --- string

使用` `,' '," "包起来的为字符串。

若需在字符串中引用,可以双引号和单引号嵌套使用。

字符串拼接:

通过+进行拼接

let a=`zhang`
let b=`san`
document.write(a+b)

 模板字符串:

let uname=prompt('请输入用户名:')
let password=prompt('请输入密码:')
document.write(`用户名:${uname},密码:${passworde}`)//注意:反引号

 注意格式!

2、数字类型 --- number

let a=1
console.log(typeof(a));

 

3、布尔类型(判断值)

例如:

console.log(1>2);
console.log(2<3);

 为真或者为假。

4、未定义(没有赋值)

let b
console.log(b);

 5、NAN

console.log(undefined+1);

6、NULL

 空。

数据类型转换

1、隐式转换

let a=1
let b='2'
console.log(a+b);

一个数字类型加上一个字符类型,将会默认将数字类型转发成字符类型后进行字符串拼接。

 

 2、字符串转换为数字(显式转换)

定义类型

let a=Number('1')//定义数据类型
console.log(typeof(a));

 加“+”号:

let a=+`1`
console.log(typeof(a));

 

 

 应用场景:

let a=Number(prompt(`请输入数字一:`))//不定义数据类型默认为字符串
let b=Number(prompt(`请输入数字二:`))
console.log(a+b);

输入3,5:

 3、将数据尽可能转化为数字:

将字符串转换为整数

let a=3.1415926
console.log(parseInt(a));显示为整数

 保留小数部分:

console.log(parseFloat(a));

运算符

计算运算符:+,-,*,/,%

在数字间可以计算。

简写:

a+=3 --- a=a+3

a-=3 --- a=a-3

等。

自增自减:

a++=a+1

a--=a-1

赋值运算符的优先级大于后--(即b=a--,这里先计算b=a),小于前--(即b=--a,这里先计算--a)。

赋值运算符:=

比较运算符:>,<,>=,<=,==(等于),===(全等于)

等于号会发生隐式转换,比如:

console.log(1==`1`);

 将字符串转换为了数字再作比较。

而全等于不仅仅会比较数值大小,还会比较数据类型。

逻辑运算符:||(或,一真为真,同假为假),&&(与,同真为真,一假为假),!(非,取反)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值