简单介绍和总结JavaScript的基本语法和引入！

innnil

已于 2024-01-30 14:36:50 修改

阅读量495

点赞数 7

文章标签： javascript 前端开发语言

于 2024-01-30 14:31:24 首次发布

本文链接：https://blog.csdn.net/weixin_59180847/article/details/135931221

版权

1.基本语法

1.执行顺序：按照在HTML文件中出现的顺序执行，如果需要在这个HTML文件执行，将其放在<head></head>标签中；

2.大小写敏感；

3.会忽略空格，换行，制表符，除非他们世字符串和正则表达式；

4.每行结尾可有可无；

5.注释；

① // 单行注释

② /**/ 多行注释

2.引入

<!--
内部
-->
<head>
	<script type="text/javascript">
    	document.write("hello word~")
    </script>
</head>

<!--
外部
-->
<head>
	<script type="text/javascript" src="服务器地址或本地地址"></script>
</head>

JavaScript输出语句

console.log("控制台打印信息");

// 获取id为demo的元素，修改它的内容
document.getElementById("demo").innerHTML = "段落已修改。";

//弹出层
window.alert(5 + 6);

//输出时间
document.write(Date());

3.数据类型

①数值型

②字符串型

③布尔型（说明某个事物是真还是假）

4.特殊类型

①未定义值：undefined

②空值：null

undefined和null区别：null：表示一个变量被赋予了一个空值；undefined：表示该变量尚未被赋值；

5.常量和变量

①常量（指在程序运行过程中保持不变的数据）

②变量（在程序运行过程中随着程序的执行而改变的）

变量的命名规则：

● 必须以字母或者下划线开头，其他字符可以是数子，字母或者下划线；

● 变量名不能包含空格，加好或者减号等符号；

● 严格区分大小写；

● 不能使用JavaScript中的关键字；

6.变量的声明

var variblename;
// 同时声明多个变量
var a,b,c;

7.变量的赋值

var lesson="hello world";
// 还可以在声明之后对变量赋值
var lesson;
lesson="hello world";

注意：1.如果这是声明了变量没有赋值，则默认为undefined

2. 可以使用var语句重复声明同一个变量，也可以重复声明该变量

8.运算符

①算数运算符

运算符 描述描述

+ 加 4+6

- 减 4-2

* 乘 7*3

/ 除 12/2

% 求模运算（余数） 7%4 //返回值3

++ 自增运算符 i=1;j=i++ // j 返回值为1，i的值为2<br />i=1;j=++i // j 返回值为 2，i的值为2

-- 自减运算符 i=3;j=i-- // j 返回值为3，i的值为2<br />i=3;j=--i // j 返回值2， i的值为2

②字符串运算符

运算符 描述示列

+ 连接两个字符串 "hello" + "world"

+= 连接两个字符串并将结果赋值给第一个字符串 var name = "基础"<br />name += "js"<br />

③比较运算符

运算符 描述

< 小于

> 大于

<= 小于或等于

>= 大于或等于

== 等于

=== 绝对等于（比较字符的数值和数据类型）

!= 不等于

!=== 绝对不等于（比较字符的数值和数据类型）

④赋值运算符

JavaScript赋值运算符可以分为简单赋值运算和复合赋值运算；

运算符 描述示列

= 将右边表达式的值赋给左边变量 userName="mr"

+= 将右边表达式的值给左边变量加上 a+=b // a = a+b

-= 将右边表达式的值给左边变量减去 a-=b // a = a-b

*= 将右边表达式的值给左边变量乘上 a*=b // a = ab

/= 将右边表达式的值给左边变量乘上a a/=b // a= a/b

%= 将运算符左边的变量用右边的表达式 a%=b // a= a%b

求模，并将结果赋给左边变量

⑤逻辑运算符

运算符 描述示例

&& 逻辑与（全真才真） a&&b // 当a和b都是真，结果才为真，否则为假

| | 逻辑或（一真为真） a || b // 当a为真或者b为真是，结果为真，否则为假

! 逻辑非 !a // 当a为假时，结果为真，否则为假

⑥条件运算符

● 条件运算符（三目运算符）表达式?结果1:结果2 （如果表达式的值为真，则表达式的结果为结果1，反之为结果2）

var a = 10,b = 10;
alert(a==b?"相等":"不相等");

⑦其他运算符

● 逗号运算符 (将多个表达式排列在一起，而整个表达式的值是最后一个表达式的值)

var a,b,c,d;
a=(b=3,c=5,d=6);
alert("a的值为"+a);
// 6

● typeof运算符

判断操作的数据类型，返回一个说明该数据类型的字符串。

var a,b,c,d;
a=3;
b="name";
c=true;
d=null;
alert("a类型："+(typeof a)+"，b类型："+(typeof b)+"，c类型："+(typeof c)+"，d类型："+(typeof d))

● new运算符

JavaScript中有很多内置对象，例如字符串对象，日期对象和数值对象，通过new运算符可以用来创建一个新的内置对象实例。

语法：对象实例名称 = new 对象类型(参数)

对象实例名称 = new 对象类型

// 创建自定义对象
Object1 = new Object;
// 创建数组对象
Array2 = new Array();
// 创建日期对象
Date3 = new Date("August 8 2008")

⑧数据类型的转换

● 转成数值型

1. Number(数据)，能转就是数值型，不能转就是NaN；

2. parseInt(所转数据)，一位一位转，第一位转不了则结果为NaN；

3. parseFloat(数据)，比parseInt多认识了一个点；

4. 借助于除了+号之外的运算符

console.log(12 * ''); // 12
console.log('123' - '23'); // 100
console.log('123' - 1); // 122

● 转成字符串

1. 使用toString()方法

// 不能转换Null和Undefined类型
var a = 123;
var b = a.toString();
console.log(typeof b);//打印b的数据类型

2. String(你要转的数据)：任何数据都可以转成字符串；

3. 借助于加法运算；在做加法运算的时候，只要+任意一边是字符串都会进行拼接操作的；

● 加号2边如果都是数值才能求和，如果有1边是字符串就是拼接；

● 在加法运算转换的时候如果不想改变数据本身，只需要加一个空的引号即可；

4. 转布尔类型

Boolean(你要转的数据)

innnil

关注

7
点赞
踩
9

收藏

觉得还不错? 一键收藏
1
评论
简单介绍和总结JavaScript的基本语法和引入！

j=i-- // j 返回值为3，i的值为2i=3;-= 将右边表达式的值给左边变量减去 a-=b // a = a-b。/= 将右边表达式的值给左边变量乘上a a/=b // a= a/b。%= 将运算符左边的变量用右边的表达式 a%=b // a= a%b。
复制链接

扫一扫