JavaScript基本语法_动力节点Java学院整理
语法
JavaScript的语法和Java语言类似,每个语句以;结束,语句块用{...}。但是,JavaScript并不强制要求在每个语句的结尾加;,浏览器中负责执行JavaScript代码的引擎会自动在每个语句的结尾补上;。
注意:让JavaScript引擎自动加分号在某些情况下会改变程序的语义,导致运行结果与期望不一致。在本教程中,我们不会省略;,所有语句都会添加;。
例如,下面的一行代码就是一个完整的赋值语句:
var x = 1;
下面的一行代码是一个字符串,但仍然可以视为一个完整的语句:
'Hello, world';
下面的一行代码包含两个语句,每个语句用;表示语句结束:
var x = 1; var y = 2; // 不建议一行写多个语句!
语句块是一组语句的集合,例如,下面的代码先做了一个判断,如果判断成立,将执行{...}中的所有语句:
if (2 > 1) { x = 1; y = 2; z = 3; }
注意花括号{...}
内的语句具有缩进,通常是4个空格。缩进不是JavaScript语法要求必须的,但缩进有助于我们理解代码的层次,所以编写代码时要遵守缩进规则。很多文本编辑器具有“自动缩进”的功能,可以帮助整理代码。
{...}
还可以嵌套,形成层级结构:
if (2 > 1) { x = 1; y = 2; z = 3; if (x < y) { z = 4; } if (x > y) { z = 5; } }
JavaScript本身对嵌套的层级没有限制,但是过多的嵌套无疑会大大增加看懂代码的难度。遇到这种情况,需要把部分代码抽出来,作为函数来调用,这样可以减少代码的复杂度。
注释
以//
开头直到行末的字符被视为行注释,注释是给开发人员看到,JavaScript引擎会自动忽略:
// 这是一行注释 alert('hello'); // 这也是注释
另一种块注释是用/*...*/
把多行字符包裹起来,把一大“块”视为一个注释:
/* 从这里开始是块注释 仍然是注释 仍然是注释 注释结束 */
请注意,JavaScript严格区分大小写,如果弄错了大小写,程序将报错或者运行不正常。
相关推荐
-
JavaScript学习笔记(一) js基本语法
1.标识符与关键字 标识符以字母开头,可以包含字母.数字.下划线.标识符不能使用以下保留字符: 复制代码 代码如下: abstract, boolean, break,byte,case,catch,char,class,const,debugger,default,delete,do,double,else,enum,export,extends,false,final,finally,float,for,function,goto,if,implements,import,in,instan
-
详解JavaScript语言的基本语法要求
JavaScript语言的基本语法要求有哪些呐?下面将为大家一一解答: 一.区分大小写 JavaScript语言区分字符大小写,两个字符串相同大小写不同,被认为是不同的字符串.JavaScript语言的关键字也区分大小写,按语法要求应小写. 二.书写格式 JavaScript语言忽略语句间空白,即语句间的空格,空行,缩进等.为了提高程序的可读性,应当使用这些格式,使程序更加清晰,可读性更高. 三.注释语句 为了提高程序的可维护性和可读性,应当有一
-
javascript基本语法
1.运算符 运算符就是完成操作的一系列符号,它有七类: 赋值运算符(=,+=,-=,*=,/=,%=,<<=,>>=,|=,&=).算术运算符(+,-,*,/,++,--,%).比较运算符(>,<,<=,>=,==,===,!=,!==).逻辑运算符(||,&&,!).条件运算(?:).位移运算符(|,&,<<,>>,~,^)和字符串运算符(+). 可能很多人不知道"==="是什么.
-
JavaScript使用过程中需要注意的地方和一些基本语法
1.Javacsript实现超链接:<a href="javascript ('Hello')>点点</a> 2.JavaScript中函数调用可以在函数声明之前. 3.JavaScript 中不像C#中那样要求所有路径都有返回值,没有返回值时返回undefined 匿名函数: 复制代码 代码如下: var f1=function(i1,i2){return i1+i2}; Alert(f1(10,12)); Alert(function(i1,i2){return i1
-
JavaScript基本语法讲解
JavaScript由被放置在<script>... </script>的JavaScript语句,在网页中的HTML标签. 可以将<script>包含您的JavaScript在网页的任何地方,但最好的方式是放它在<head>标签内. <script>标记警告浏览器程序,开始解释这些标记之间的所有文本作为一个脚本.所以,JavaScript的语法简单如下: 复制代码 代码如下: <script ...> JavaScript co
-
JavaScript基本语法学习教程
Javascript的基本概念 i. javascript语言是网页中广泛使用的一种脚本语言. ii. Javascript语言的特点: 1. 由Netscape公司开发,基于对象和事件驱动并具有一定安全性的脚本语言. 2. 特点: a) Javascript是一种脚本语言,同时也是一种解释性语言: b) Javascript是靠浏览器中的javascript解释器来运行的,与操作环境没有关系: c) 在javascript中,采用的是不太严格的数据类型,这样的俄好处是在定义或使用数据的时候可以
-
javascript基本语法分析说明
在phpchina学PCTI前几天教了css与javascript先给大家看看 javascript的标识符 标识符是指javascript中定义的符号 比如变量名,函数名,数组名等等. 标识符可以由任意顺序的大小写字母,数字,下划线和美元符号组成,标识符不能以数字开头,也是不能使用javascript中的保留关键字. javasceipt严格区分大小写,每条功能执行后以分号结束,每个词之间用空格.制表符.换行符或大括号.小括号这样的分隔符隔开. ~~~~~~~~以上部分虽然有些唠叨,但是是需要
-
js正则表达式基本语法(精粹)
1.正则表达式基本语法 两个特殊的符号'^'和'$'.他们的作用是分别指出一个字符串的开始和结束. 例子如下: "^The":表示所有以"The"开始的字符串("There","The cat"等): "of despair$":表示所以以"of despair"结尾的字符串: "^abc$":表示开始和结尾都是"abc"的字符串--呵呵,只有&q
-
JavaScript基本语法_动力节点Java学院整理
语法 JavaScript的语法和Java语言类似,每个语句以;结束,语句块用{...}.但是,JavaScript并不强制要求在每个语句的结尾加;,浏览器中负责执行JavaScript代码的引擎会自动在每个语句的结尾补上;. 注意:让JavaScript引擎自动加分号在某些情况下会改变程序的语义,导致运行结果与期望不一致.在本教程中,我们不会省略;,所有语句都会添加;. 例如,下面的一行代码就是一个完整的赋值语句: var x = 1; 下面的一行代码是一个字符串,但仍然可以视为一个完整的语句
-
JavaScript操作表单_动力节点Java学院整理
用JavaScript操作表单和操作DOM是类似的,因为表单本身也是DOM树. 不过表单的输入框.下拉框等可以接收用户输入,所以用JavaScript来操作表单,可以获得用户输入的内容,或者对一个输入框设置新的内容. HTML表单的输入控件主要有以下几种: 文本框,对应的<input type="text">,用于输入文本: 口令框,对应的<input type="password">,用于输入口令: 单选框,对应的<input
-
JavaScript原型继承_动力节点Java学院整理
在传统的基于Class的语言如Java.C++中,继承的本质是扩展一个已有的Class,并生成新的Subclass. 由于这类语言严格区分类和实例,继承实际上是类型的扩展.但是,JavaScript由于采用原型继承,我们无法直接扩展一个Class,因为根本不存在Class这种类型. 但是办法还是有的.我们先回顾Student构造函数: function Student(props) { this.name = props.name || 'Unnamed'; } Student.prototyp
-
JavaScript之面向对象_动力节点Java学院整理
JavaScript的所有数据都可以看成对象,那是不是我们已经在使用面向对象编程了呢? 当然不是.如果我们只使用Number.Array.string以及基本的{...}定义的对象,还无法发挥出面向对象编程的威力. JavaScript的面向对象编程和大多数其他语言如Java.C#的面向对象编程都不太一样.如果你熟悉Java或C#,很好,你一定明白面向对象的两个基本概念: 1.类:类是对象的类型模板,例如,定义Student类来表示学生,类本身是一种类型,Student表示学生类型,但不表示任何
-
JavaScript箭头函数_动力节点Java学院整理
ES6标准新增了一种新的函数:Arrow Function(箭头函数). 为什么叫Arrow Function?因为它的定义用的就是一个箭头: x => x * x 上面的箭头函数相当于: function (x) { return x * x; } 在继续学习箭头函数之前,请测试你的浏览器是否支持ES6的Arrow Function 箭头函数相当于匿名函数,并且简化了函数定义.箭头函数有两种格式,一种像上面的,只包含一个表达式,连{ ... }和return都省略掉了.还有一种可以包含多条语句
-
JavaScript定义函数_动力节点Java学院整理
在JavaScript中,定义函数的方式如下: function abs(x) { if (x >= 0) { return x; } else { return -x; } } 上述abs()函数的定义如下: function指出这是一个函数定义: abs是函数的名称: (x)括号内列出函数的参数,多个参数以,分隔: { ... }之间的代码是函数体,可以包含若干语句,甚至可以没有任何语句. 请注意,函数体内部的语句在执行时,一旦执行到return时,函数就执行完毕,并将结果返回.因此
-
JavaScript变量作用域_动力节点Java学院整理
在JavaScript中,用var申明的变量实际上是有作用域的. 如果一个变量在函数体内部申明,则该变量的作用域为整个函数体,在函数体外不可引用该变量: 'use strict'; function foo() { var x = 1; x = x + 1; } x = x + 2; // ReferenceError! 无法在函数体外引用变量x 如果两个不同的函数各自申明了同一个变量,那么该变量只在各自的函数体内起作用.换句话说,不同函数内部的同名变量互相独立,互不影响: 'use stric
-
JavaScript条件判断_动力节点Java学院整理
JavaScript使用if () { ... } else { ... }来进行条件判断.例如,根据年龄显示不同内容,可以用if语句实现如下: var age = 20; if (age >= 18) { // 如果age >= 18为true,则执行if语句块 alert('adult'); } else { // 否则执行else语句块 alert('teenager'); } 其中else语句是可选的.如果语句块只包含一条语句,那么可以省略{}: var age = 20; if (a
-
JavaScript操作文件_动力节点Java学院整理
在HTML表单中,可以上传文件的唯一控件就是<input type="file">. 注意:当一个表单包含<input type="file">时,表单的enctype必须指定为multipart/form-data,method必须指定为post,浏览器才能正确编码并以multipart/form-data格式发送表单的数据. 出于安全考虑,浏览器只允许用户点击<input type="file">来选择本地
-
JavaScript之生成器_动力节点Java学院整理
generator(生成器)是ES6标准引入的新的数据类型.一个generator看上去像一个函数,但可以返回多次. 我们先复习函数的概念.一个函数是一段完整的代码,调用一个函数就是传入参数,然后返回结果: function foo(x) { return x + x; } var r = foo(1); // 调用foo函数 函数在执行过程中,如果没有遇到return语句(函数末尾如果没有return,就是隐含的return undefined;),控制权无法交回被调用的代码. generat
随机推荐
- 浅谈对Jquery+JSON+WebService的使用小结
- MySQL5.7不停业务将传统复制变更为GTID复制的实例
- javascript的函数、创建对象、封装、属性和方法、继承
- JavaScript中闭包之浅析解读(必看篇)
- node.js应用后台守护进程管理器Forever安装和使用实例
- Android图片色彩变换实现方法
- aspx后台传递Json到前台的两种接收方法推荐
- 解析Swift中的泛型支持与使用
- javascript处理table表格的代码
- c#使用htmlagilitypack解析html格式字符串
- mysql取得datetime类型的数据,后面会跟个.0的实现方法
- PowerShell中定义多个变量并赋值的例子
- 使用python编写android截屏脚本双击运行即可
- new win32病毒完美解决方案与清除技巧
- Java Web十条开发实用小知识
- C语言中设置用户识别码的相关函数的简单讲解
- Android Studio 3.0的下载安装教程
- JS计算距当前时间的时间差实例
- Android仿微博加载长图滚动查看效果
- 对Vue.js之事件的绑定(v-on: 或者 @ )详解