javascript基本语法理解

对于一门语言的学习,我想第一步应该是熟悉其基本语法,然后再使用的过程中才能够不陌生。
软件就是一套复杂的逻辑系统,在这套复杂的系统里包含了无数的小系统,他们相互独立又多有联系,而使用什么语言来编写就由你来决定。
javascript是一门脚本语言,她的语法规则和其他编程语言有些是类似的,基本元素都差不多。

一 javaScript五要素:

变量
操作数(数据 类型)
操作符 (运算符)
控制语句
函数

二 对五要素的个人理解:

变量
在编程中使用频率最高的应该是变量,她无处不在,随手写来,好像她本身就在,她变化万千,化身成各式各样。 首先js中是区分大小写的,声明变量格式:
var name = “xiaoming”;

var age = 19;

从上面例子中可以看出,变量是可以被赋予值的,可以理解成他是一个空间名字,拥有这个名字的空间存储着指定的这条数据,所有数据类型的数据都可以用变量来保存。

操作数(数据 类型)
我们编写程序的目的就是传输数据(操作数),存储读取等一系列的操作都是建立在数据之上,可以说,没有数据(操作数)就没有程序存在的价值;
在js中,数据类型分为六种:

Number 数值型
String 字符串型
Boolean 布尔型
Undefined 未定义
NULL 空 特殊类型
object 对象型

在编程工作中,我们就是一直对以上几种类型的数据进行操作、运算,做成一个个复杂的逻辑。

操作符 (运算符)
操作符和操作数是两个不可分割又相互独立的存在,因为将数据进行运算才能获得我们想要结果,所以操作符是操作数的兄弟,他们一起成长,一起变化,不可或缺。
运算符有很多,最常用的有(按优先级排序):
() [] {} ++ — * / % + – < <= >= == != === !== & | && || ?: = *= /= += -= ,

控制语句
在对数据进行运算的过程中,我们需要循环判断等一系列的控制来达到我们的目的,所以让数据运算在我们给定的控制中进行,这就形成了一套完整的逻辑体系,因此我觉得是变量、操作数、操作符、控制语句这四个元素是最基本的语法。
在实际工作中最常用也是最重要的控制语句应该就是判断和循环了:
一 循环语句
实用场景:1在给定条件下重复的做一件事情 2遍历数组
循环语句语法有多种,我觉得学习初期每个类型先掌握一种,熟练之后再看其他,推荐使用这两种:for循环和for..in循环
1 for循环
for(var i=0;i<10;i++){
document.write(” i “);
}
2 遍历(以下代码可以将window对象的所有属性遍历出来)
for(var propName in window){
document.write(propName);
}
二 条件语句
需要判断选择的时候用到条件语句,常用的条件语句有if语句和switch语句。if语句用在选项少,逻辑比较简单的场景里;switch语句用在选择项多,比较复杂一点的逻辑。
1 if 语句
if(i<0){
alert(“i 是负数”);
}else{
alert(“i 不是负数”);
}
2 switch 语句
switch(score){
case score>=90:
alert(“优秀”);
break;
case score>=70:
alert(“良好”);
break;
case score>=60:
alert(“及格”);
break;
default:
alert(“不及格”);
}
用case后面的结果去与switch后面括号里面的值对比,比中哪个就执行哪个,执行结束就退出。

函数
当有很多逻辑要处理的时候,就蒙圈了,完全乱了,不知道哪个是哪个,于是就出现了函数,她将我们这些独立的小逻辑分别封装起来起个名字,后面直接按照名字进行调用,一切变得井然有序,便于管理。
函数的基本格式:
function Add(num1,num2){
return num1+num2;
}
我们定义了一个Add函数,并且给了两个参数,那我们在调用的时候传入2个参数就可以实现加法运算了。如:
var res = Add(44,99);
这是一个简单的函数,声明函数的时候,括号里面的参数我们习惯称为形式参数;调用时候传入的参数称为实际参数。在实际工作中需要很多复杂的函数,那么应该明白的几个问题:
1 参数可以有多个也可以没有,用逗号隔开,可以用arguments对象来访问参数,所以参数是一组数据。
2 调用的时候传入的实际参数个数可以与声明时候的形式参数的个数可以不相等。
3 如果形参和实参个数不相等,程序会按出场顺序挨着配对。
3 可以用arguments.length语句来查看参数的个数。
3 程序执行中如果遇到return,那么执行完return语句后,程序结束。

欢迎分享本文,转载请保留出处:前端ABC » javascript基本语法理解

赞 (0)
分享到:更多 ()

发表评论 0