重温Javascript:基本语法

2019-12-03 admin

分号

一般情况下,分号意味一条语句的结束

定义变量:

var a;
var b='a';

循环语句:

for(var i=0; i<n; i++) {
    //do sth
}

花括号

花括号把若干条语句包含起来,作为一个代码段

1.条件语句

if(true) {
    //do sth
}

switch(var) {
    case A:
    case B:
}

2.循环语句

for(var i=0; i=n; i++) {
    ...
}

while(true) {
    ...
}

3.函数块

function A() {
    ...
}

代码注释

写法

注释的写法分单行注释和多行注释

  1. 单行注释,只作用于当前行的代码,写法是两条反斜杠 //
  2. 多行注释,可作用于于多行的注释,写法是以 /*  开始,以 /  结束,中间部分的内容为不会被执行
//当行注释

/**
1.第一行注释
2.第二行注释
*/

/**
* 截取字符串
* @param str 要截取的字符串
* @param len 截取长度
* @param after 截取之后要显示的字符
*/

作用

  1. JS解析器不执行注释的代码
  2. 说明某个变量的作用
  3. 说明某个函数的功能,参数说明,以及是否有返回值
var isShow = false; //变量说明:是否显示

/**
 *
 *
 *
 **/

变量(也叫标识符)声明

语法

var关键字 + 变量名 [ = 变量值] + 分号结束

声明示例

1、未初始化变量 var a;

2、初始化变量 var a=1;

3、声明多个变量

var a,b;
var a=1,b;
var a=1,b='Hello';

直接量,俗称变量值,也是Javascript的数值类型

12 //整数,整型
1.2 //小数,浮点型
"hello world" //字符串
'hello' //字符串
true //布尔类型
false //布尔类型
/javascript/gi //正则表达式
null //空

特点

  1. 首字母只能是英文字母,下划线(_)或者美元符号($)
  2. 变量的命名是区分大小写的,即 a 和 A 都不是同一个变量
  3. 不使用var声明的变量,就会被解析为全局变量

函数声明

使用function关键字声明

//方式1
function helloFunc() {
    console.log('这是一个函数');
}

//方式2
function hellFuncA(a,b,....) {
  console.log('这是一个有参数的函数');
}

代码说明:

  1. function 是定义函数的关键字
  2. 紧跟着的是函数名,helloFunc
  3. 关键字与函数名之间使用空格隔开
  4. 函数名的后面紧跟着的是一对括号,括号中定义函数所需要接收的参数值(见方式2)

调用方法

  1. 函数名加括号
  2. 如果调用的是有参数的函数,在括号中传入参数
//方式1
helloFunc();

//方式2
hellFuncA(1,2,[1,'2']);

操作符

四则运算操作符

即常用的加、减、乘、除、求模,仅对于数值型的变量

//加法操作
1 + 2

//减法
1 - 2

//乘法
1 * 3

//除法
1 / 2

//求模
26 % 5

等号操作符

单个等于号( = )是赋值操作符

//四则运算结果赋值
var b = 1 + 2;
var b = 1 - 2
var b = 1 * 3
var b = 1 / 2
var b = 26 % 5

//变量初始化赋值
var a = 1;
var b = false;

//对象实例化赋值
var person = new Person;

逻辑判断

  • == 判断两个 **变量/对象/运算结果的值 **是否相等
  • === 完成相等,变量/对象/运算结果 不仅仅是值相等,而且类型也完全相等
  • != 判断两个 **变量/对象/运算结果的值 **是否不相等
  • !== 判断两个 变量/对象/运算结果的值 不仅仅是值不相等,而且类型也不相等
//'1'自动转化为1然后再做比较,所以相等,返回true
console.log(1=='1');

//值相等,类型不等,返回false
console.log(1==='1');

//值不相等,返回true
console.log(1 != 2);

//类型不等,返回true
console.log(1 !== '1');

比较操作符

> 、 < 、 >=  、<=  常用于比较两个数字的大小

//返回true
console.log(2 > 1);

//返回false
console.log(2 < 1);

//返回true
console.log(2 >= 1);

//返回false
console.log(2 <= 1);

条件操作符

语法:[变量] = [ 执行返回布尔值的语句 ] ? [真值的结果] : [假值的结果]

//例子:判断a是否大于b,是则返回'yes',否则返回'no', 并将最终结果赋值给变量result
var result = a > b ? 'yes' : 'no';

逻辑操作符

逻辑操作符多用于逻辑判断,分别是!(逻辑非)、&&(逻辑与)、||(逻辑或)

逻辑判断语句

IF语句

当if后面紧跟着的括号内的运算结果为true时,就会执行大括号内的语句

if(运算结果为真) {
    //do sth
}

IF…ELSE语句

当if后面紧跟着的括号内的运算结果为true时,就会执行statement1语句;否则执行statement2语句

if(运算结果为真) {
    //statement1
} else {
  //statement2
}

IF…ELSE IF…ELSE…语句

当if 运算结果为 true时,就会执行statement1语句,且不向下执行 当if 运算结果为false时,继续向下执行 if else,当if else 运算结果为true时,执行statement2语句,否则执行else

if(condition1 ) {
    //condition1运算结果为true时执行,且不向下执行
} if(condition2) {
    //condition1运算结果为false,且condition2运算结果为true时执行
} else {
  //condition1和condition2运算结果都为false时执行
}

SWITCH语句

switch(val){
  case value1:
    //val==value1时执行
    break; //不向下执行
  case value2:
    //val==value2时执行
    break; //不向下执行
  case value3:
    //val==value2时执行
    break; //不向下执行
  default:
    //默认执行
}

循环语句

For 循环

for([初始条件]; [停止条件]; [更新语句]) {
  //循环逻辑
}
  • 初始条件:定义循环开始的条件
  • 停止条件:定义循环停止的条件
  • 更新语句:每次循环体内的代码执行结束后执行

While 循环

while([循环表达式]) {
  //循环逻辑
}
  • 循环表达式:定义循环执行的条件,结果为真则循环继续执行,结果为假则循环停止

do … while 循环

do{
  //循环逻辑
} while([循环表达式])
  • 循环表达式:定义循环执行的条件,结果为真则循环继续执行,结果为假则循环停止
  • 循环体内的逻辑至少执行一次

continue 和 break

  • continue 跳过本次循环,继续下一次循环
  • break 退出整个循环,循环不在继续

[转载]原文链接:https://segmentfault.com/a/1190000021178413

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处。

转载请注明:文章转载自 JavaScript中文网 [https://www.javascriptcn.com]

本文地址:https://www.javascriptcn.com/read-80315.html

文章标题:重温Javascript:基本语法

相关文章
javascript是什么意思
avaScript是Netscape开发的一个对象脚本语言,它使用在世界各地数以百万计的网页和服务器应用程序上。 网景的JavaScript是ecma - 262版的标准脚本语言,和公布的标准只有轻微的差异。 与广为流行的错误理解相反,Ja...
2015-11-12
21天学通javascript
简介: 本书是Javascript入门教程。Javascript是Web开发中应用最早、发展最成熟、用户最多的脚本语言。其语法简洁,代码可读性在众多脚本语言中最好,它在使用时不用考虑数据类型,是真正意义上的动态语言。本书总分为四篇,共21章...
2015-11-16
JavaScript的组成
一个完整的JavaScript由3个部分组成:核心(ECMAScript) 文档对象模型(DOM) 浏览器对象模型(BOM) ECMAScript 描述了该语言的语法和基本对象 ; DOM 描述了处理网页内容的方法和接口 ; BOM 描...
2015-11-12
javaScript+turn.js实现图书翻页效果实例代码
为了实现图书翻页的效果我们在网上可以看到很多教程 在这里推荐turn.js 网上的turn.js 有api 不过是英文的  很多人看起来不方便 .关于代码也是奇形怪状在这里我将详细讲解如何使用turn.js实现翻页效果 ,本篇文章只是讲解 ...
2017-03-16
JavaScript 事件流、事件处理程序及事件对象总结
JS与HTML之间的交互通过事件实现。事件就是文档或浏览器窗口中发生的一些特定的交互瞬间。可以使用监听器(或处理程序)来预定事件,以便事件发生时执行相应的代码。这种在传统软件工程中被称为观察员模式,支持页面的行为与页面的外观之间的松散耦合。...
2017-04-05
JavaScript变量的声明
声明变量 变量在脚本中的首次亮相是在其声明中。 在变量首次出现时将会在内存中设置它,因此您稍后可在脚本中引用它。 应在使用变量之前先声明变量。 可以使用 var 关键字实现此目的。 &lt;span id=“mt9” class=“sent...
2015-11-12
JavaScript短路原理精简代码
js中||和&amp;&amp;的特性帮我们精简了代码的同时,也带来了代码可读性的降低,虽然高效,但请灵活使用。 在js逻辑运算中,0、&quot;&quot;、null、false、undefined、NaN都会判为false,其他都为t...
2015-11-12
7个提高效率的JavaScript调试工具
鐜板湪鐨凧avaScript浜嬪疄涓婂凡鐒舵垚涓轰簡娴佽�岀殑web璇�瑷€锛屽嵆浣垮畠骞朵笉瀹岀編銆傚緢澶氱▼搴忓憳涓嶅枩娆㈢敤JavaScript鍐欎唬鐮侊紝鏄�鍥犱负鍐欏埌鍚庢潵鎬讳細鍑虹幇鍚勭�嶈帿鍚嶅叾濡欑殑bug锛岃€屼笖鍦ㄥ紑...
2015-11-11
React Native 用JavaScript编写原生ios应用
ReactNative 可以基于目前大热的开源JavaScript库React.js来开发iOS和Android原生App。而且React Native已经用于生产环境——Facebook Groups iOS 应用就是基于它开发的。 Re...
2015-11-12
《JavaScript快速查询手册》PDF
下载地址:《JavaScript快速查询手册》PDF下载 http://pan.baidu.com/s/130rP8’ 简介: JavaScript快速查询手册 目录 前言 第一部分 命令查询 第二部分 JavaScript语句与运算符 第...
2015-11-16
回到顶部