js语法入门

1.js介绍

JavaScript（简称JS）是当今最流行的编程语言之一，广泛应用于网页开发、服务器端开发以及各种自动化脚本中。对于初学者来说，掌握JS的基础语法是迈向编程之路的第一步。本文将为你详细介绍JavaScript的语法入门知识，包括变量声明、数据类型、运算符、分支语句、循环语句、字符串、数组、对象、原型与原型链以及常用内置对象等内容。

2.变量声明

在JavaScript中，变量是用来存储数据的容器。变量的声明方式有以下几种：

2.1 var声明变量：

var是最早的变量声明方式，同一个变量名可以多次声明，它具有函数作用域和全局作用域，存在变量提升效果。

javascript">var a = 128;

2.2 let声明变量：

let是ES6引入的变量声明方式，它只具有局部的作用域，并且同一个变量名只能声明一次，不存在变量提升效果。

javascript">let x = 224;

2.3 const声明变量：

const也是ES6引入的变量声明方式，一般用于常量的声明，声明后不可修改，不存在变量提升效果。

javascript">const c = 258;

3.数据类型

JavaScript是一种动态类型语言，支持多种数据类型，包括原始类型和引用类型。

3.1 原始类型：

原始数据类型包括：

String：字符串类型，如‘hello world’。
Number：数字类型，包括整型与浮点型。
Bollean：布尔类型，只有true和false两种结果
Null：空类型。
Undefined：未定义类型，一般用于声明变量但未赋值的情况。
BigInt：ES2020引入的，用于表示大于2^53 - 1的整数。
Symbol：ES6引入的，用于创建唯一的标识符。

3.2引入类型：

引用的数据类型包括：

Object：对象类型，例如 let obj = { name: "Kimi", age: 25 };
Array：数组类型，例如 let arr = [1，2，5，8]
Function：函数类型，例如 function greet() { console.log("Hello!"); }

4.运算符

JavaScript提供了多种运算符，用于执行数学运算、比较操作和逻辑操作等。

4.1 算数运算符

+：加法
-：减法
*：乘法
/：除法
%：求余
++：自增
--：自减

4.2 比较运算符

==：等于
===：严格等于
!=：不等于
!==：严格不等于
>：大于
>=：大于等于
<：小于
<=：小于等于

4.3 逻辑运算符

&&：与运算
||：或运算
！：非运算

5.分支语句

js分支语句用于根据条件执行不同的代码块。

5.1 if-else单分支语句

语法：if(条件){语句块}else{语句块}

javascript">let a= 10;
if(a < 10){console.log(a)    
};
else{console.log(20)    #输出20
};

5.2 if-else if-else多分支语句

语法：if(条件){语句块}else if(条件){语句块}else{语句块}

javascript">let a= 10;
if(a < 10){console.log(a)    
};
else if(a == 10){console.log(5)    #输出5
};
else{console.log(20)   
};

5.3 switch语句

语法swicth(表达式){case1:,case2,}

javascript">let a = 20;
switch(a % 2){case 0:console.log('是偶数');    #输出是偶数break;case 1:console.log('是奇数');break;default:break
}

6. 循环语句

循环语句用于重复执行一段代码。

6.1 for循环

javascript">for (let i = 0; i < 5; i++) {console.log(i);
}

6.2 while循环

javascript">let i = 0;
while (i < 5) {console.log(i);i++;
}

6.3 do...while循环

javascript">let i = 0;
do {console.log(i);i++;
} while (i < 5);

7.字符串

字符串是JavaScript中最常用的数据类型之一，用于表示文本。

7.1字符串的创建

javascript">let str = "hello world!"

7.2字符串常用方法

length：获取字符串长度
charAt：获取下标位置的元素
indexOf：查找字符串中某个子串的下标
slice：截取字符串的一部分
replace：使用新字符串替换旧的字符串

8.数组

数组是一种引用类型，用于存储多个值。

8.1数组的创建

javascript">let arr = [1, 2, 3];

8.2 数组常用方法

push：向数组末尾加入一个或多个元素。
unshift：向数组开头加入一个或多个元素。
pop：删除数组末尾一个元素。
shift：删除数组开头一个元素。
splice：插入/删除一个或多个元素。
sort：数组排序。
reverse：使数组逆序。
forEach：遍历数组。

9.对象

对象是JavaScript中最重要的数据结构之一，用于存储键值对。

9.1对象的创建

javascript">let obj = { name: "Kimi", age: 25 };

9.2 对象常用方法

Object.keys(obj):获取对象所有的键。
Object.values(obj)：获取对象所有的值。
Object.entries(obj)：获取对象所有的键值对。

总结

JavaScript的语法入门知识虽然简单，但却是编程的基础。通过掌握变量声明、数据类型、运算符、分支语句、循环语句、字符串、数组、对象等内容，你可以轻松地开始编写JavaScript代码。希望本文能为你提供一个清晰的学习路径，祝你在JavaScript的编程之旅中越走越远！