快速了解js的基本语法

最新推荐文章于 2022-09-17 10:06:52 发布

jacke5t

最新推荐文章于 2022-09-17 10:06:52 发布

阅读量321

点赞数

本文链接：https://blog.csdn.net/weixin_44420527/article/details/105280728

版权

js基本语法

1、js的编写方式

1.1 行内式

直接写在标签上

<p onclick="alert('warning')">点击</p>

1.2 嵌入式

使用script标签将代码嵌入到html当中

<body> 
	<script>console.log(typeof ("123"))</script> 
</body>

1.3 独立式

在script标签上链接外部的js文件，一旦连接外部的js，内部script当中写的js代码就失效了

<script src="index.js"></script>

2、输出

//alert：弹出提示框，直接显示内容
alert("hello world");

//console.log：需要在浏览器的调试器中查看
console.log(typeof ("123"));

//document.write：直接在页面上显示
document.write("<p style='color: red;'>write</p>")

3、数据类型

3.1 数据类型

字符串（string）、数字（number）、布尔值（Boolean）、对象（object）

3.2 方法

查看数据类型的方法为typeof

<script>
    console.log(typeof("123"));
</script>

数据类型转换有转换为整数、转换为小数和布尔类型转换

parseint("123") //转换为整数

parsefloat("1.21")//转换为小数

Boolean("a")  //转换为布尔

4、运算

4.1 数学运算

加（+）、减（-）、乘（*）、除（/）、取余（%）、求方（**）

注意：

js中字符串和不同的数据类型相加时是字符串的拼接。

4.2 赋值运算

js是一门弱类变量语言，但变量的声明需要使用var来声明。

4.3 自增运算

i++、++i、i +=1

4.4 比较预算

大于（>）、大等于（>=）、小于（<）、小等于（<=）、等于（= =）、不等于（!=）、全等于（= = =）、不全等于（!==）

全等于成立的条件：值和类型都相等才是全等于

4.5 逻辑运算

逻辑与（&&）、逻辑或（||）、逻辑非（!）

4.6 三木运算

条件?条件成立时执行的语句:条件不成立时执行的语句

console.log(2>1？"第一个数大"："第二个数大")

5、流程控制

5.1 if语句

if(条件){
    语句
}else if(条件){
    语句
}else{
    语句
}

5.2 case语句

switch (a) {
    case 0:
        语句1
        break;
    case 1:
        语句2
        break;
}

5.3 for语句

for (var i = 1; i<5; i++){
	console.log(i);
}

for (var i in "abcde"){
	console.log(i);
}

5.4 while语句

while (条件):{
	语句
}

6、函数

function sum(num1,num2 = 6){  //可以设置默认参数
	console.log(arguments);  //arguments变量存放函数的所有参数
	return num1+num2;  //将函数内的值返回作为函数的结果，返回后，函数结束
}

//匿名函数
var f = function (num1,num2){
	return num1+num2;
}

jacke5t

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
快速了解js的基本语法

js基本语法1、js的编写方式1.1 行内式直接写在标签上<p onclick="alert('warning')">点击</p>1.2 嵌入式使用script标签将代码嵌入到html当中<body> <script>console.log(typeof ("123"))</script> </body>...
复制链接

扫一扫