js基本语法总结

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js基本语法总结相关的知识,希望对你有一定的参考价值。

1.js简介

a)js是一种网页脚本语言,使得浏览器可以与网页互动。

js的一种基于对象和事件驱动,具有安全性能的脚本语言,脚本语言就是在客户端的浏览器就可以互动响应处理程序的语言,而不需要服务器的处理和响应。

js也可以与服务器交互响应,而服务器语言(asp、php、jsp)需要将命令上传服务器,经服务器处理后回传处理结果。

js可以嵌入到html文件,不需要经过web服务器就可以对用户操作作出响应,使得网页与用户很好的交互,利用客户端电脑的资源适当减少服务器端的压力,并减少用户的等待时间。

b)特点

简单,只需要浏览器就可以执行

解释执行,事先不编译,逐行执行,不需要严格的变量声明

基于对象,内置大量现成对象,只需要调用

c)作用

客户端表单合法性验证

网页特殊效果制作

浏览器对象的调用

浏览器事件的触发

d)html出现<script>标签后,页面会暂停下载和渲染等待脚本的解释和执行,无论当前脚本是内嵌式还是外链式。

 

2.js的组成(***)

ECMAScript:语法标准

DOM:操作网页上的元素

BOM:操作浏览器的部分功能

 

3.js语法规范,一行代码结束后必须有;

程序自上而下执行,遇到错误停止

?内嵌式写法
<script type=”text/javascript”>
  Js代码
</script>
?外连式写法
<script type=”text/javascript” src=”1.js”>
  该标签内不能再写js代码
</script>

 

4.js输出信息

a)console.log() 信息输出到控制台,用于js调试

技术分享技术分享

b)prompt()弹出对话框,用于接收用户输入的信息

技术分享 技术分享

c)confirm()页面弹出对话框,配合if判断

技术分享技术分享

d)document.write()在页面输出信息,还能输出标签

技术分享

 

5.变量

a)变量声明 var 变量名;

变量赋值   变量名=‘变量的值’

定义并赋值  var a=1;

 

6.数据类型

a)

number 数字类型

字符串 string

布尔类型 Boolean  

undefined    变量未初始化  定义了变量,没有给变量赋值技术分享

null  变量未引用  值为空   object

技术分享

b)

object 对象

array  数组

c)

typeof()判断数据类型

d)比较运算符 

<  >   <=  >=   ==  !=

e)算术运算符

+    数字+数字=数字   数字+字符串=字符串

-      数字-数字/数字字符串=数字     数字-非数字字符串=NAN(not a number 表示不是一个数字)

/      数字/数字/数字字符串=数字      数字/非数字字符串=NAN(数字类型) 数字/0=Infinity (无限大)(数字类型)

%    取余数

f)

技术分享


1.date()对象处理日期和时间

技术分享

2.Math对象

a)

Math.ceil(n1)   天花板函数    向上取整

整数,取整之后是这个数本身

小数,对数进行向上舍入。

b)

Math.floor(n1)  地板函数

整数,取整之后是这个数本身

小数,对数进行向下舍入

c)

Math.max(n1,n2)取两数中的最大值

Math.min(n1,n2) 最小值

Math.pow(n1,n2) n1的n2次方

Math.round(n1) 四舍五入

Math.random()  返回0-1之间的随机数

 

3.数据类型转换

a)数字类型转字符串

String(n1)

n1.toString()

b)字符串转数字

Number(n1)

parseInt(n1)

parseFloat(n1)

c)转布尔类型

Boolean(n1)

d)

&&与   ||或  非!

e)

“=”赋值运算符

“==”只判断内容是否相同,不判断数据类型。

“===”不仅判断内容,还判断数据类型是否相同。

!=  只判断内容是否不相同,不判断数据类型。

!==不全等于  不仅判断内容是否不相同,还判断数据类型是否不相同。

f)变量集体声明

技术分享

 

4.

a)If...else  条件判断

If(条件表达式){
如果条件表达式结果为true,执行该处代码。 如果条件表达式结果为false,执行下边代码。 
}else{
如果条件表达式结果为false,执行该处代码。
}
b)If else嵌套
If(条件表达式){
如果条件表达式结果为true,执行该处代码。下边代码不执行。如果为false,执行下边代码。
}else  If(条件表达式){
如果条件表达式结果为true,执行该处代码。下边代码不执行。如果为false,执行下边代码。
}else  If(条件表达式){如果条件表达式结果为true,执行该处代码。下边代码不执行。如果为false,执行下边代码。
}else{
如果上边条件表达式结果都为false,执行该处代码。
}
c)三元表达式
表达式?结果1:结果2;
如果表达式结果为true,执行结果1,如果表达式结果为false,执行结果2.
可以理解为if else  的另外一种写法。

 技术分享

 

 5.代码调试

f12

 


 

 1.switch语句

技术分享

switch后边的变量和case后边值的数据类型必须保持一致

b)Switch语句可以对变量进行集体判断

技术分享

 

2.自增自减

i++  i--

 

3.循环

a)while循环

While(条件表达式){
   只要条件表达式结果为true,循环一直执行,当条件表达式结果为false的时候,循环终止
}
While循环语句需现在循环体外定义变量

b)  Do while

Do{
循环体代码;首先执行该循环体代码一次。如果while后边的表达式结果为true,该循环体会一直循环。如果结果false,该循环终止。
}while(条件表达式)

do  while 比while循环多循环一次

c)for循环

for(定义变量;条件表达式;自增自减){
循环体代码
}

执行顺序:

◆首先定义变量

◆如果条件表达式结果为true的时候,执行for循环里的代码,如果为false,循环体代码终止执行。

◆先执行变量和条件表达式循环一次,再执行自增自减。

 d)在循环体内,只要代码遇到break,程序立马结束当前循环

e)

Continue语句指的是跳出本次循环,该语句后面的代码不再执行,整个循环体继续循环。

 

4.数组

a)创建

技术分享

b)赋值

技术分享

c)初始化遍历

技术分享

d)数组名.length获取数组长度(元素个数)

 技术分享

e)数组合并 concat()

技术分享

f)Join方法返回一个字符串数组

技术分享

 

 5.函数(方法)

a)定义

 技术分享

b)调用

技术分享

 

































以上是关于js基本语法总结的主要内容,如果未能解决你的问题,请参考以下文章

3天学会Vue之基本知识(第一天:语法基础):结合项目开发经验,总结最关键的内容

3天学会Vue之基本知识(第一天:语法基础):结合项目开发经验,总结最关键的内容

JS总结

python的基本语法

英语基本语法总结

JS的数据类型