javascript的基本语法数据结构

禅趣      2022-02-07     212

关键词:

本篇学习资料主要讲解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会忽略多余的空格,用户可以向脚本添加空格,来提高其可读性。

如下:var name=”javascript”;

     var name = ”javascript” ;

5、注释:

   注释是用来解释程序代码的功能,增加代码的可读性或者阻止代码的执行,不参于程序的执行。Javascript中注释分为单行注释和多行注释两种。

单行注释:单行注释也即只注释一行,注释符号为 // ,该符号后面的都是属于注释的内容直到该行结束。

code:// 下面只是一行文字

      alert("我是提示文字");

多行注释:多行注释即一次可以注释多行代码,多行注释符号以 /* 开始,以 */ 结束。

复制代码
<script type="text/javsscript">
/* 下面是一个弹出提示信息框 在该行代码中,无需任何变量或参数
实际只是一行文字 */ alert("我是提示文字");
</script>
复制代码

通常情况下:

        如果“//”位于一行的开始,则用来解释下一行或者一段代码的功能。(观察单行注释)

        如果“//”位于一行的结尾,则用来解释当前行代码的功能。

        如果用来阻止一行代码的执行,那就把“//”放在一行的首字符前。

6、语句:

   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

break

break

break

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

 

 

 

 

 

 

 

 

 

 

 

 

 

常量:

JavaScript的常量通常又称字面常量,是固化在程序代码中的信息,常量的值从定义开始就是固定的。

数值(整数和实数)和字符串型(用“”号或‘’括起来的字符或数值)都是常量。

变量:

是在程序运行的过程中,其值可以改变。变量用于存储特定数据类型的数据,用变量名代表其存储空间。

程序能在变量中存储值和取出值,可以把变量比作超市的货架(内存),货架上摆放着商品(变量),可以把商品从货架上取出来(读取),也可以把商品放入货架(赋值)。

(1)、变量的命名:

变量的名称是一个标识符,变量的名称可以是任意长度。创建变量的名称时,需要遵循以下命令规则:

{1}、首字符必须是以字母或者一个下划线(_),不能是文字,数字不能作为首字符和不能使用标点符号、运算符号。

{2}、变量名是严格区分大小写的。例如:变量名称MyCounter与变量名称myCounter是的不同。

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

变量的命名:

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

(2)、变量名是严格区分大小写的。例如:变量名称MyCounter与变量名称myCounter是的不同。


(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>
复制代码

效果图:

效果图中点击“单击这里”按钮,可以看到两个元素发生了变化。

转载http://www.cnblogs.com/KTV123/p/6057904.html

javascript的基础数据以及基本的语法

本章主要内容一、JavaScript介绍;组成在html中的使用方式一、基础数据;注释基本常识命名变量基础数据类型运算符赋值符比较符三元操作符逻辑符二、基本语法;if条件语句switch语句for语句while循环语句for与whille的用途区别break... 查看详情

javascript的基本语法

一:基本数据类型:字符串,小数,整数,日期时间,布尔型二:变量  都是通用类型var,可以存储其他类型的值,可以直接使用,不用定义,但是习惯上定义。 定义变量:vara: 所有变量定义都用var来定义,var是... 查看详情

javascript基本语法

上篇博文写到JavaScript的数据类型。JavaScript包括了字符串(String)、数字(Number)、布尔(Boolean)、数组(Array)、对象(Object)、空(Null)、未定义(Undefined)。一、Javascript数组数组可以用一个变量名存储所有的值,并且可以用变量名访... 查看详情

javascript核心语法之基本数据类型(绝对详细,满满干货)(代码片段)

数据类型    1.JavaScript中有五种简单的数据类型,被称为基本数据类型,分别是:undefined---未初始化的变量以及未声明的变量null---空类型boolean---true或falsenumber---整数或浮点数string---用双引号来进行声明的字符串  ... 查看详情

javascript基本语法(持续补充)(代码片段)

文章目录一、引入javascript二、注释三、变量1、变量命名2、变量声明四、常用的数据类型1、数字类型2、字符串类型1、字符串可以使用+进行拼接2、字符串支持索引取值,但是不支持切片3、字符串的格式化输出4、字符串... 查看详情

javascript基本语法

一、    JavaScript函数1、函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。我们可以将一些常用的代码封装成函数,待用到的时候就能直接调用使用。利用函数可以使代码的组织结构更清晰。函数... 查看详情

javascript基本语法

...些基本的特效,也能用HTML+CSS就能完成。但如今开始进入JavaScript的学习,学习完JS后,才算是能做出一个像样的网站。学习JS就没有像学习HTML和CSS那样轻松了。这如果没有足够的耐心与毅力,估计很快就被 查看详情

javascript的基本语法

Javascript的基本语法  Javascript的基本语法要求有哪些呢?下面我为大家一一进行介绍:1.javascript的执行顺序  按照在HTML文件中的顺序来依次执行。2.区分大小写  javascript区分字符大小写,两个字符串相同大小写不同,会被... 查看详情

javascript之ajax-3xml语法(xml概述基本语法)

一、XML概述XML概述 -XML是可扩展标记语言(eXtensibleMarkupLanguage) -XML是一种标记语言,类似于HTML -XML的设计宗旨是传输数据,尔非现实数据 -XML的标签没有被预定义,需要自行定义 -XML是W3C的推荐标准XML用途 -XML... 查看详情

javascript的基本语法

 【JavaScript的基本语法】1.javascript输出JavaScript语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么。<script>   document.write("helloworld!");</script>插入,输出。document.getElementById("pid").innerHTML=" 查看详情

javascript基本语法3

1.所谓NaN,英语全称Notanumber,表示不是一个数。如果任何一个数和NaN进行操作的话,返回的会是NaN会弹出NaN。注意:NaN的数据类型也是numberNaN与任何值都不相等,包括它自己本身isNaN():判断一个参数是否不是一个数 2.数值转... 查看详情

javascript:javascript基本介绍及基本语法

什么是javascript?javascript是一种直译型脚本语言,是一种动态类型、弱类型、基于原型的语言。(所谓“脚本语言”:指的是它不具有开发操作系统的能力,只是用来编写大型运用程序的脚本!)javascript本身不提供任何与I/O(输... 查看详情

javascript基本语法--条件语句&循环语句

条件语句条件语句(Conditionalstatement)是JavaScript里面的基本结构之一,程序根据表达式的真假决定执行或者跳过某个分支,于是,条件语句有时候也可以称为“分支语句”1.if&elseif&else基本写法如下:if(表达式1){//如果表达... 查看详情

javascript基本语法

1.javascript输出JavaScript语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么。<script>   document.write("helloworld!");</script>插入,输出。document.getElementById("pid").innerHTML="jikexueyuan.com";2.分号&n 查看详情

javascript基本语法

JavaScript基本介绍及发展趋势ECMAScript通过ECMA-262标准化的脚本程序语言,JavaScript是其实现和扩展。1999年ES3发布,成为JavaScript的通行标准。2009年ES5发布,在所有现代浏览器中得到了相当完全的实现2015年ES6发布,被部分实现于大部... 查看详情

javascript学习笔记---js的基本语法(代码片段)

...目录概述引入方式浏览器调试数据类型JSON方法原型概述JavaScript(简称“JS”)是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名,但是它也被用到了很多... 查看详情

javascript的基本语法.md

JavaScript的基本语法语句JavaScript程序的执行单位为行(line),也就是一行一行地执行。一般情况下,每一行就是一个语句。语句(statement)是为了完成某种任务而进行的操作,比如下面就是一行赋值语句。vara=1+3;这条语句先用va... 查看详情

javascript---基本语法

字符串方法:str.lengthstr.charAt(i):取字符串中的某一个;str.indexOf(‘e‘);找第一个出现的位置;找不到返回-1;str.lastIndexOf(‘e‘):找最后一个e出现的位置;找不到返回-1;str.toUpperCase();转大写str.toLowerCase();转小写str.substring(起始位置,结束位... 查看详情