(2)javascript的基本语法、数据结构、变量
本篇学习资料主要讲解javascript的基本语法、数据结构、变量
无论是传统的编程语言,还是脚本语言,都具有数据类型、常量和变量、运算符、表达式、注释语句、流程控制语句等基本元素构成,这些基本元素构成了变成基础。
一、javascript的基本语法
1、执行顺序:
javascript程序按照在html文件中出现的顺序逐行执行。如果需要在整个html文件中执行,最好将其放在<head>......</head>标记中。
2、区分大小写:
Javascript对字母大小写敏感,也就是说在输入语言的关键字、函数、变量以及其他标识符时,一定要严格区分字母的大小写,例如变量username与变量userName是两个不同的变量。(许多javascript对象和属性都与其代表的html标签或属性同名,在html中,这些名称可以以任意大小写方式输入而不会引起混乱,但在javascript中,这些名称通常都是小写。)
3、分号:
在javascript语句中,最好在每行的最后加上一个分号“;”,这样能保证每行的代码的准确性。
如下:Alert(“how are you”) Alert(“how are you”);
4、javascript中的“空格”:
javascript会忽略多余的空格,用户可以向脚本添加空格,来提高其可读性。
如下:
var name=”javascript”; //此语句和下面的语句都是同一个效果 var name = ”javascript” ; //同上
5、注释:
注释是用来解释程序代码的功能,增加代码的可读性或者阻止代码的执行,不参于程序的执行。Javascript中注释分为单行注释和多行注释两种。
单行注释:单行注释也即只注释一行,注释符号为 // ,该符号后面的都是属于注释的内容直到该行结束。
code:// 下面只是一行文字 alert("我是提示文字");
多行注释:多行注释即一次可以注释多行代码,多行注释符号以 /* 开始,以 */ 结束。
<script type="text/javsscript">
/*
下面是一个弹出提示信息框
在该行代码中,无需任何变量或参数
实际只是一行文字
*/
alert("我是提示文字");
</script>
通常情况下:
如果“//”位于一行的开始,则用来解释下一行或者一段代码的功能。(观察单行注释)
如果“//”位于一行的结尾,则用来解释当前行代码的功能。
如果用来阻止一行代码的执行,那就把“//”放在一行的首字符前。
6、语句:
javascript 的 “语句”是发给浏览器的命令,这些命令的作用是告诉浏览器要做的事情。
Javascript程序是语句的集合,一条javascript语句相当于英语中的一个完整句子。Javascript语句将表达式组合起来,完成一定的任务。一条语句有一个或多个表达式、关键字或运算符组合,语句之间用分号(;)隔开,也就是,分号是一个javascript语句的结束符号。
code:var today=new Date();
5、语句块:
语句块是一些语句的集合,通常语句块都会被一对大括号括起来。
在调用语句时,javascript会按书写次执行语句块中的语句。语句块的作用是语句的序列一起执行,javascript的函数是将语句的组合在块中的典型例子,请看下面的例子:
“运行可操作两个html元素的函数”:
<!doctype html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="老罗江湖">
<meta name="Keywords" content="语句、语句块、javascript学习">
<title> 语句块 </title>
</head>
<body>
<h2>我的网站</h2>
<div id="myDiv">你好,我是一个Div块!</div>
<p id="myPar">你好,我是一个段落!</p>
<p>
<button type="button" onclick="myFunction()">单击这里</button>
</p> <script type="text/javascript">
function myFunction()
{
document.getElementById("myPar").innerHTML="how are you?";
document.getElementById("myDiv").innerHTML="I'm fine";
}
</script> <p>当你单击上面的按钮时,两个元素会改变。</p>
</body>
</html>
效果图:
效果图中单击“单击这里”按钮,可以看到两个元素发生了变化,“document.getElementById() ”的意思是:根据ID得到页面中的对象。
二、Javascript数据结构
每一种计算机编写语言都有自己的数据结构,javascript脚本语言的数据结构包括 :标识符、常量、变量、关键字、保留字等。
标识符: (1)、标识符只能由字母、数字下划线和中文组成,而不能包含空格、标识符、运算符号等其他符号。 (2)、标识符的第一个字母必循是字母、下划线或者中文,数字不能作为首字符和不能使用标点符号、运算符号。 (3)、标识符不能与javascript中的关键字名称相同。 |
比如: Int2 _File_Open Sex //数字不能作为首字符 It's -all -right //开头中间不能使用除( _ 、$)外特殊符号,如:%、+、/等都是错误的。 |
Javascript中的“关键字”、“保留字”
Javascript 的保留字、关键字不可以用作变量、标签或者函数名。有些保留关键字是作为Javascript 以后扩展使用。
关键字单词表:
break |
case |
catch |
continue |
default |
delete |
do |
else |
finally |
for |
function |
if |
in |
instanceof |
new |
return |
switch |
this |
throw |
try |
typeof |
var |
void |
while |
with |
保留字单词表:
abstract |
boolrean |
byte |
char |
class |
const |
debugger |
double |
enum |
export |
extends |
final |
float |
goto |
implements |
import |
int |
interface |
long |
native |
package |
private |
protected |
public |
short |
static |
super |
synchronized |
throws |
transient |
volatile |
三、变量
变量:
是在程序运行的过程中,其值可以改变。从编程的角度来讲,变量是用于存储特定数据类型的数据,用变量名代表其存储空间。
程序能在变量中存储值和取出值,可以把变量比作超市的货架(内存),货架上摆放着商品(变量),可以把商品从货架上取出来(读取),也可以把商品放入货架(赋值)。
(1)、变量的命名:
变量的名称是一个标识符,变量的名称可以是任意长度。创建变量的名称时,可以任意取名,但需要遵循以下命令规则:
{1}、首字符必须是以字母或者一个下划线(_),不能是文字,数字不能作为首字符和不能使用标点符号、运算符号。
{2}、变量名是严格区分大小写的。例如:变量名称My与变量名称myCounter是的不同。
{3}、变量名称不能是javascript的“关键字”和“保留字”。
变量的命名: 变量的名称是一个标识符,变量的名称可以是任意长度。创建变量的名称时,需要遵循以下命令规则: (2)、变量名是严格区分大小写的。例如:变量名称“ treename ”与变量名称“ treeName” 是不一样的,表示两个变量。 (3)、变量名称不能是javascript的“关键字”和“保留字”。 |
比如: Part9 Numer //数字不能作为首字符 Summary&Went //"与"符号不能用在变量名称中 |
(2)、变量的声明与赋值
所谓变量的声明即为变量指定一个名称。声明变量后,就可以把它们用作存储单元。
Javascript中使用关键字var声明变量,在关键字之后的字符串将代表一个变量名,
code: var 变量名;
一个关键字var可以同时声明多个变量名,多个变量名之间必须用逗号“,”分隔。
如: var username,pwd,age;
变量的赋值:
可以使用javascript中的赋值运算符,即等于号(=)。
声明变量名时并赋值,声明变量username并赋值为“老罗江湖”,
代码如下: var username=“老罗江湖”; //使用“=”号给变量存储内容【老罗江湖】;这里的“=”号的作用是给变量赋值,不是等于号。 //存储的内容是字符串时,如上面的:‘老罗江湖’时,需要用一对引号“”括起来。
下面来一个简单的实例:创建了名为treename的变量,并向其赋值桃花树,然后把它放入id=“demo”的HTML段落中。
<!doctype html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="Keywords" content="在HTML中使用Javascript,javascript入门,html">
<meta name="Description" content="老罗江湖">
<title> 变量的;命名、声明与赋值、作用范围 </title>
</head>
<body>
<p>单击这里来创建变量,并显示结果</p>
<button onclick="myFunction()">单击这里</button>
<p id="demo"></p> <script type="text/javascript">
function myFunction()
{
var treename="桃花树";
document.getElementById("demo").innerHTML=treename;
}
</script> </body>
</html>
效果图:
效果图中点击“单击这里”按钮,可以看到两个元素发生了变化。
/*以上的内容部分来自“javascript从零开始学”和个人学习笔记,此文最终解释权归本人所有!*/
(2)javascript的基本语法、数据结构、变量的更多相关文章
- 完整的JavaScript包括三部分、script标签、JavaScript的基本语法以及变量和字面量的关系
完整的JavaScript包括三大部分: -ECMAScript JavaScript的开发规范:提供核心语言功能 -DOM document object model 文档对象模型:提供 ...
- javascript的基本语法、数据结构
本篇学习资料主要讲解javascript的基本语法.数据结构 无论是传统的编程语言,还是脚本语言,都具有数据类型.常量和变量.运算符.表达式.注释语句.流程控制语句等基本元素构成,这些基本元 ...
- 学习 JavaScript (三)核心概念:语法、变量、数据类型
JavaScript 的核心概念主要由语法.变量.数据类型.操作符.语句.函数组成,这篇文章主要讲解的是前面三个,后面三个下一篇文章再讲解. 01 语法 熟悉 JavaScript 历史的人应该都知道 ...
- PHP,JavaScript,CSS三种HTML内嵌语言的语法,变量,循环,函数记录
PHP PHP简介: PHP 是服务器端脚本语言. PHP(全称:PHP:Hypertext Preprocessor,即"PHP:超文本预处理器")是一种通用开源脚本语言. PH ...
- javascript基础语法备忘录-变量和数据类型
//javascript基础语法备忘录-变量和数据类型 // 定义变量使用var关键字 后面跟变量名,不要使用eval 和arguments为变量名 var message = "hi&qu ...
- JavaScript学习笔记(4)——JavaScript语法之变量
一.变量可以使用短名称(比如 x 和 y),也可以使用描述性更好的名称(比如 age, sum, totalvolume). 变量必须以字母开头 变量也能以 $ 和 _ 符号开头(不过我们不推荐这么做 ...
- Javascript和Jquery语法对比总结
目的 相信大家都知道jq是js的一个类库,是为了方便我们开发前端,但是笔者在刚开始学习js和jq时经常将两者的语法记混和混用,所以整理下两者实现相同功能之前的语法区别. 声明变量 javascript ...
- JavaScript 一、 ES6 声明变量,作用域理解
// JavaScript/* * ========================================================= * * 编译原理 * 尽管通常将 JavaScr ...
- javascript之ECMAScript:语法的操作标准
一.如何书写一个javascript代码 javascript代码需要写在javascript标签中才会生效,而javascript标签可以写在任何地方,但考虑到规范化及页面的加载问题,最好是写在bo ...
随机推荐
- weexapp 开发流程(二)框架搭建
1.创建 入口文件 src / entry.js /** * 入口文件 */ import App from './App.vue' import router from './router' // ...
- Oracle db中禁止使用sqlplus的方法
先记录下来: How to Disable a SQL*Plus Connection for a User (文档 ID 124121.1)
- excel 创建数据有效性及背景颜色
需求:用excel做数据或者表格时经常需要在一列中给出固定的几个进行悬着,这是如果每次键盘输入降低工作效率.如果做成鼠标双击进行选择,则提高很多效率,比如需要给一列填写Pass或Failure时,具体 ...
- appium第一个安卓自动化工程
转自:https://university.utest.com/how-to-set-up-your-first-android-automation-project-with-appium/ App ...
- Python 002- 爬虫爬取淘宝上耳机的信息
参照:https://mp.weixin.qq.com/s/gwzym3Za-qQAiEnVP2eYjQ 一般看源码就可以解决问题啦 #-*- coding:utf-8 -*- import re i ...
- Golang-interface(二 接口与nil)
github: https://github.com/ZhangzheBJUT/blog/blob/master/nil.md 一 接口与nil 前面解说了go语言中接口的基本用法,以下将说一说nil ...
- BZOJ 1567: [JSOI2008]Blue Mary的战役地图 矩阵二维hash
1567: [JSOI2008]Blue Mary的战役地图 Description Blue Mary最近迷上了玩Starcraft(星际争霸) 的RPG游戏.她正在设法寻找更多的战役地图以进一步提 ...
- 新装Linux系统没有网卡驱动的解决办法和步骤
Linux下查看网卡驱动和版本信息 - CSDN博客 https://blog.csdn.net/guyan1101/article/details/72770424/ 检查网卡是否加载 - Linu ...
- spring cloud config 属性加解密
首先需要(Java Cryptography Extension (JCE))的支持,下载路径: https://www.oracle.com/technetwork/java/javase/down ...
- timestamp 转 date 处理后再转timestamp
package com.jmu.ccjoin.service.impl; import java.sql.Timestamp;import java.util.Calendar;import java ...