JavaScript语言简介、基本使用和变量声明

　　JavaScript是网景(Netscape)公司开发的一种基于客户端浏览器、面向对象、事件驱动式的网页脚本语言。

　　JavaScript的前身叫LiveScript。

JavaScript的作用

　　交互式操作；表单验证；

　　网页特效；Web游戏；

　　服务器脚本开发等。

Java和JavaScript

　　知乎上有个回答说：Java和JavaScript的关系就好像雷锋和雷锋塔的关系一样。(…)

　　简单比较一下：

1.两种语言的执行方式不一样。

　　Java的源代码在传递到客户端执行之前，必须经过编译，因而客户端上必须具有相应平台上的仿真器或解释器，它可以通过编译器或解释器或解释器实现独立于某个特定平台编译代码的束缚。

　　JavaScript是一种解释性编程语言，其源代码在发往客户端执行之前不需经过编译，而是将文本格式的字符代码发送给客户，由浏览器解释执行。

　　JavaScript 是脚本语言。浏览器会在读取代码时，逐行地执行脚本代码。而对于传统编程来说，会在执行前对所有代码进行编译。

2.变量不一样。

　　Java采用强类型变量检查，所有变量在编译之前必须作声明。

　　JavaScript中变量声明，采用其弱类型。

　　即变量在使用前不需作声明，而是解释器在运行时检查其数据类型。

3.代码格式不一样。

　　Java是一种与HTML无关的格式，必须通过像HTML中引用外媒体那么进行装载，其代码以字节码的形式保存在独立的文档中。

　　JavaScript的代码是一种文本字符格式，可以直接嵌入HTML文档中，并且可动态装载。

4.静态绑定和动态绑定。

　　Java采用静态编译，即Java的对象引用必须在编译时进行，以使编译器能够实现强类型检查，如不经编译则就无法实现对象引用的检查。

　　JavaScript采用动态联编，即JavaScript的对象引用在运行时进行检查。

JavaScript基本使用格式

　　如需在 HTML 页面中插入 JavaScript，请使用 <script> 标签。

　　<script> 和 </script> 会告诉 JavaScript 在何处开始和结束。

　　<script> 和 </script> 之间的代码行包含了 JavaScript：

<script>

    alert("My First JavaScript");

</script>

　　浏览器会解释并执行位于 <script> 和 </script> 之间的 JavaScript。

　　那些旧的实例可能会在 <script> 标签中使用 type="text/javascript"。现在已经不必这样做了。JavaScript 是所有现代浏览器以及 HTML5 中的默认脚本语言。

注意：

　　1.JavaScript是区分大小写的。

　　2.JavaScript可以加分号(也可以不加，但通常是要加的)，加了分号后可以多个语句写在同一行(但不推荐写在同一行)。

　　您可以在 HTML 文档中放入不限数量的脚本。

　　脚本可位于 HTML 的 <body> 或 <head> 部分中，或者同时存在于两个部分中。

　　通常的做法是把函数放入 <head> 部分中，或者放在页面底部。

　　这样就可以把它们安置到同一处位置，不会干扰页面的内容。

外部的JavaScript

　　也可以把脚本保存到外部文件中。外部文件通常包含被多个网页使用的代码。

　　外部 JavaScript 文件的文件扩展名是 .js。

　　如需使用外部文件，请在 <script> 标签的 "src" 属性中设置该 .js 文件：

　　实例:

<!DOCTYPE html>

<html>

<body>

<script src="myScript.js"></script>

</body>

</html>

　　在 <head> 或 <body> 中引用脚本文件都是可以的。实际运行效果与您在 <script> 标签中编写脚本完全一致。

　　提示：外部脚本不能包含 <script> 标签。

JavaScript变量

1.变量名称

　　变量必须以字母或$和_符号开头(不过我们不推荐使用非字母的符号开头)。

　　变量名称对大小写敏感。

2.变量数据类型

　　JavaScript的数据类型有：字符串、数字、布尔、数组、对象、Null、Undefined。

 

字符串文本：

　　当您向变量分配文本值时，应该用双引号或单引号包围这个值。

　　当您向变量赋的值是数值时，不要使用引号。如果您用引号包围数值，该值会被作为文本来处理。

数值：

　　JavaScript只有一种数字类型，可以带小数点也可以不带。

布尔：

　　布尔（逻辑）只能有两个值：true 或 false。

var x=true

var y=false

数组：

　　下面的代码创建名为 cars 的数组：

var cars=new Array();

cars[0]="Audi";

cars[1]="BMW";

cars[2]="Volvo";

　　或者 (condensed array):

var cars=new Array("Audi","BMW","Volvo");

　　或者 (literal array):

var cars=["Audi","BMW","Volvo"];

对象：

　　对象由花括号分隔。

　　在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义。

　　属性由逗号分隔：

var person={firstname:"Bill", lastname:"Gates", id:5566};

　　上面例子中的对象 (person) 有三个属性：firstname、lastname 以及 id。

　　空格和折行无关紧要。声明可横跨多行：

var person={

firstname : "Bill",

lastname  : "Gates",

id        :  5566

};

　　对象属性有两种寻址方式：

name=person.lastname;

name=person["lastname"];

Undefined 和 Null：

　　Undefined 这个值表示变量不含有值。

　　可以通过将变量的值设置为 null 来清空变量。

3.变量声明

　　JavaScript在声明变量的时候使用var关键字，也可以不用。

Value = undefined

　　在计算机程序中，经常会声明无值的变量。未使用值来声明的变量，其值实际上是 undefined。

　　在执行过以下语句后，变量 carname 的值将是 undefined：

var carname;

重新声明 JavaScript 变量

　　如果重新声明 JavaScript 变量，该变量的值不会丢失：

　　在以下两条语句执行后，变量 carname 的值依然是 "Volvo"：

var carname="Volvo";

var carname;

JavaScript 拥有动态类型

　　这意味着相同的变量可用作不同的类型：

var x                   // x 为 undefined

var x = 6;           // x 为数字

var x = "Bill";      // x 为字符串

声明变量类型

　　当您声明新变量时，可以使用关键词 "new" 来声明其类型：

var carname=new String;

var x=      new Number;

var y=      new Boolean;

var cars=   new Array;

var person= new Object;

　　JavaScript 变量均为对象。当您声明一个变量时，就创建了一个新的对象。

4.全局变量与局部变量

全局变量：

　　在函数外声明。全局变量可在整个脚本中被使用，可在不同的窗口中相互引用(指定窗口名)。

局部变量：

　　在函数内声明。只能在函数内部访问它。

　　您可以在不同的函数中使用名称相同的局部变量，因为只有声明过该变量的函数才能识别出该变量。

　　只要函数运行完毕，本地变量就会被删除。

　　定义在函数外的变量一定是全局变量；

　　定义在函数内的变量，如果声明了var，那该变量就是局部变量，如果不声明var，那该变量就是全局变量。

　　如果您把值赋给尚未声明的变量，该变量将被自动作为全局变量声明。

　　这条语句：

carname="Volvo";

　　就声明了一个全局变量。

JavaScript 变量的生存期

　　JavaScript 变量的生命期从它们被声明的时间开始。

　　局部变量会在函数运行以后被删除。

　　全局变量会在页面关闭后被删除。

JavaScript注释

　　单行注释以 // 开头。

　　多行注释以 /* 开始，以 */ 结尾。

参考资料

　　圣思园张龙老师Java Web视频教程。

　　W3School JavaScript教程：http://www.w3school.com.cn/js/index.asp

　　英文版：http://www.w3schools.com/js/default.asp

JavaScript学习01 语言简介、基本使用和变量声明的更多相关文章

  1. 学习go语言编程系列之定义变量

    package main import ( "fmt" "math") func main() { // 1. 定义变量名age,不初始化,使用对应类型的默认值 ...

  2. JavaScript学习笔记-基础语法、类型、变量

    基础语法.类型.变量   非数字值的判断方法:(因为Infinity和NaN他们不等于任何值,包括自身) 1.用x != x ,当x为NaN时才返回true; 2.用isNaN(x) ,当x为NaN或 ...

  3. C/C++学习----C语言简介

    [开发环境] 物理机版本:Win 7 旗舰版(64位) IDE版本:Visual Studio 2013简体中文旗舰版(cn_visual_studio_ultimate_2013_with_upda ...

  4. Scala - 快速学习01 - Scala简介

    Scala简介 Scala(Scalable Language)是一门多范式(multi-paradigm)编程语言,Scala的设计吸收借鉴了许多种编程语言的思想,具备面向对象编程.函数式编程等特性 ...

  5. JavaScript学习笔记--语言工具的了解

    基础学习,快速入门资料:网站 https://www.liaoxuefeng.com ,http://www.runoob.com/js/js-tutorial.html 笔记: 编程工具:SubLi ...

  6. JavaScript学习01（js概述）

    JavaScript概述 JavaScript历史 要了解JavaScript,我们首先要了解一下JavaScript的诞生. 在上个世纪的1995年,当时的网景公司正凭借其Navigator浏览器成 ...

  7. javascript学习01

    1/js 中所有的数字都是浮点型,所以5/2=2.5    6.5%2.1=0.2 2/delete用于删除对象的属性或者是数组元素: var o={x=1,y=2}:delete o.x;  x i ...

  8. JavaScript学习笔记（一）——数据类型和变量

    在学习廖雪峰前辈的JavaScript教程中,遇到了一些需要注意的点,因此作为学习笔记列出来,提醒自己注意! 如果大家有需要,欢迎访问前辈的博客https://www.liaoxuefeng.com/ ...

  9. 廖雪峰JavaScript学习笔记（基础及数据类型、变量）

    先睹为快 alert('我要学JavaScript!'); Run: 基本语法: 1.每个语句以;结束,不强制 2.语句块用{...} 3.//单行注释,/*...*/ 多行注释 数据类型: 1.不区 ...

随机推荐

  1. Azure Redis Cache (2) 创建和使用Azure Redis Cache

    <Windows Azure Platform 系列文章目录> 本文介绍的是国内由世纪互联运维的Azure China. 注意: 截至今日2015年10月7日,国内由世纪互联运维的Azur ...

  2. $("#id").val()取值textarea是""

    今天取值的时候,判断是null可以通过,证明不是null,明明是空的. 判断是''通过,证明取出来的是''空字符串.

  3. 20款精致的长阴影 LOGO 设计【附免费生成工具】

    长阴影(Long Shadow)概念来自于最新非常流行的扁平化设计(Flat Design).扁平化设计趋势影响最大的是用户界面元素和图标,但它也开始蔓延到其他网页设计的其他部分. 长阴影其实就是扩展 ...

  4. html/css基础篇——html代码编写过程中的几个警惕点

    本文想说的警惕点与浏览器兼容无关,主要是几个本人在项目中遇到的几个小问题的总结,问题虽小,但是却有时很困扰人,在此记录一下,如果后期有此类问题会持续添加到这里. 1.内联标签之间的空格 正常情况下书写 ...

  5. [译]学习IPython进行交互式计算和数据可视化（五）

    第四章:交互式绘图接口 本章我们将展示Python的绘图功能以及如何在IPython中交互式地使用它们. NumPy为处理大量的多维数组结构的数据提供了高效的方法.但是看行行列列的数字总不如直接看曲线 ...

  6. has no parameters and arguments were supplied

    这个问题,让Insus.NET花上不少时间与心机. 在项目中,Insus.NET是使用这个逻辑组件: <程序与数据库之间的连接桥梁和逻辑处理>http://www.cnblogs.com/ ...

  7. 呼叫外部js文件并使用其内部方法

    很久没有学习jQuery了,都快忘记了.今天学习一个小功能,使用jQuery的$.getScript()方法,是读取外部js文件,读取之后,并执行js文件内的一个方法. 首先我们创建这个js文件,如i ...

  8. 现在就使用HTML5的十大原因

    你难道还没有考虑使用HTML5? 当然我猜想你可能有自己的原因: 它现在还没有被广泛的支持,在IE中不好使,或者你就是喜欢写比较严格的XHTML代码. HTML5是Web开发世界的一次重大的改变,事实 ...

  9. 【SQL】找出行数与自增标识值不相等的表（即有缺行）

    环境:mssql ent 2k8 r2 原理:遍历所有含自增列的用户表,用sp_spaceused过程分别获取每张表的行数并写入临时表,然后使用IDENT_CURRENT函数获取表的最大标识值,比较二 ...

  10. SQL常用语句（2）

    //计算表tb_Blog的字段个数 select count(*) from syscolumns where id=object_id('tb_Blog') 获取指定表的所有字段和字段类型 SELE ...