本篇学习资料主要讲解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脚本语言的数据结构包括 ：标识符、常量、变量、关键字、保留字等。

标识符：
Javascript中的变量、函数等要素定义时都要求给定名称，可以将定义要素时使用的字符序列称为标识符。
标识符需要遵循以下命名规则：

（1）、标识符只能由字母、数字下划线和中文组成，而不能包含空格、标识符、运算符号等其他符号。

（2）、标识符的第一个字母必循是字母、下划线或者中文，数字不能作为首字符和不能使用标点符号、运算符号。

（3）、标识符不能与javascript中的关键字名称相同。

比如：
合法标识符示例：
UserName

Int2

_File_Open

Sex
不合法标识符示例：
88border

//数字不能作为首字符

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的“关键字”和“保留字”。

变量的命名：

变量的名称是一个标识符，变量的名称可以是任意长度。创建变量的名称时，需要遵循以下命令规则：
 （1）、首字符必须是以字母或者一个下划线（_）,不能是文字，数字不能作为首字符和不能使用标点符号、运算符号。

（2）、变量名是严格区分大小写的。例如：变量名称“ treename ”与变量名称“ treeName” 是不一样的，表示两个变量。

（3）、变量名称不能是javascript的“关键字”和“保留字”。

比如：
合法标识符示例：
  _pagecount

Part9

Numer
不合法标识符示例：
  12balloon

//数字不能作为首字符

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的基本语法、数据结构、变量的更多相关文章

  1. 完整的JavaScript包括三部分、script标签、JavaScript的基本语法以及变量和字面量的关系

    完整的JavaScript包括三大部分: -ECMAScript   JavaScript的开发规范:提供核心语言功能 -DOM   document object model   文档对象模型:提供 ...

  2. javascript的基本语法、数据结构

    本篇学习资料主要讲解javascript的基本语法.数据结构      无论是传统的编程语言,还是脚本语言,都具有数据类型.常量和变量.运算符.表达式.注释语句.流程控制语句等基本元素构成,这些基本元 ...

  3. 学习 JavaScript （三）核心概念：语法、变量、数据类型

    JavaScript 的核心概念主要由语法.变量.数据类型.操作符.语句.函数组成,这篇文章主要讲解的是前面三个,后面三个下一篇文章再讲解. 01 语法 熟悉 JavaScript 历史的人应该都知道 ...

  4. PHP，JavaScript，CSS三种HTML内嵌语言的语法，变量，循环，函数记录

    PHP PHP简介: PHP 是服务器端脚本语言. PHP(全称:PHP:Hypertext Preprocessor,即"PHP:超文本预处理器")是一种通用开源脚本语言. PH ...

  5. javascript基础语法备忘录-变量和数据类型

    //javascript基础语法备忘录-变量和数据类型 // 定义变量使用var关键字 后面跟变量名,不要使用eval 和arguments为变量名 var message = "hi&qu ...

  6. JavaScript学习笔记(4)——JavaScript语法之变量

    一.变量可以使用短名称(比如 x 和 y),也可以使用描述性更好的名称(比如 age, sum, totalvolume). 变量必须以字母开头 变量也能以 $ 和 _ 符号开头(不过我们不推荐这么做 ...

  7. Javascript和Jquery语法对比总结

    目的 相信大家都知道jq是js的一个类库,是为了方便我们开发前端,但是笔者在刚开始学习js和jq时经常将两者的语法记混和混用,所以整理下两者实现相同功能之前的语法区别. 声明变量 javascript ...

  8. JavaScript 一、 ES6 声明变量，作用域理解

    // JavaScript/* * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ * * 编译原理 * 尽管通常将 JavaScr ...

  9. javascript之ECMAScript:语法的操作标准

    一.如何书写一个javascript代码 javascript代码需要写在javascript标签中才会生效,而javascript标签可以写在任何地方,但考虑到规范化及页面的加载问题,最好是写在bo ...

随机推荐

  1. PHP内核探索：内存管理开篇

    内存是计算机非常关键的部件之一,是暂时存储程序以及数据的空间,CPU只有有限的寄存器可以用于存储计算数据,而大部分的数据都是存储在内存中的,程序运行都是在内存中进行的.和CPU计算能力一样, 内存也是 ...

  2. layer弹出层不居中解决方案，仅显示遮罩，没有弹窗

    问题:项目中layer询问层的弹窗仅显示遮罩层,并不显示弹窗…… 原因:图片太多将layer弹窗挤出屏幕下方,看不见了…… 解决方案:让layer的弹出层居中显示 一.问题描述 用layer做操作结果 ...

  3. mac下配置eclipse的maven环境

    转自:http://www.cnblogs.com/yqskj/archive/2013/03/30/2990292.html 1.下载maven的bin包,解压,配置到环境变量里面去 1). 首先到 ...

  4. appium第一个安卓自动化工程

    转自:https://university.utest.com/how-to-set-up-your-first-android-automation-project-with-appium/ App ...

  5. 【2】按照Django官网，创建一个web app 创建app/创建相应的数据库表

    1. Creating app $ python manage.py startapp polls That'll create a directory polls, which is laid ou ...

  6. Delphi之萝莉调教篇

    本文纯属技术交流.如果各位看官想与小生一起探讨萝莉的问题的话...PM我吧 关于Delphi的萝莉调教技术,很久以前就有大牛做过了...其实技术早掌握了只是觉得太无聊~估计大家也都会于是就没有写~既然 ...

  7. 通达OA二次开发 工作流表单中关联查询另外一个工作流方法（源代码）

    一个工作流表单中,怎样方便的查询相关的工作流表单内容.重复打开各个菜单必定须要造成多次点击浪费时间,切换也会带来思路的中断.这里通过js代码的方式把这个问题进行了解决. <style>&l ...

  8. nodejs 实战

    使用 Koa + MongoDB + Redis 搭建论坛系统 「新手向」koa2从起步到填坑 基于koa2和react的PC端脚手架 一键生成koa/koa2项目: nodejs原生,express ...

  9. HDU 6113 度度熊的01世界 【DFS】（2017"百度之星"程序设计大赛 - 初赛（A））

    度度熊的01世界 Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)Total Su ...

  10. codeforces 443 B. Kolya and Tandem Repeat 解题报告

    题目链接:http://codeforces.com/contest/443/problem/B 题目意思:给出一个只有小写字母的字符串s(假设长度为len),在其后可以添加 k 个长度的字符,形成一 ...