二.  JavaScript语法目录

2.1 语法

　　javaScript代码要通过HTML/XHTML文档才能执行。可以有两种方式完成这一点，第一种是将JavaScript代码放到文档<head>标签中的<Script>标签之间：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>test</title>

    <script>

        JavaScript goes here!

    </script>

</head>

<body>

        Mark up goes here!

</body>

</html>

　　另一种更好的方式是把JavaScript代码存放为一个扩展名为.js的独立文件，典型做法是在文档的<head>部分放一个<script>标签，并把它的src属性指向该文件：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>test2</title>

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

</head>

<body>

    Mark up goes here!

    <!--其中，<script>标签最好放置在</body>标签之前,能够使浏览器更快的加载页面，后面章节会详细介绍-->

</body>

</html>

（1） 语句

　　一系列指令构成，这些指令叫做语句。JS的语句分隔要求不那么严格，换行即可表示语句的结束，当然，出于编程习惯，最好加上分号。（一下三种编程方式都是正确的，建议选择最后一种）

<!--直接回车换行-->

first statement

second statement

<!--分号隔开-->

first statement; second statement;

<!--分号并换行-->

first statement;

second statement;

（2） 注释

  1. 单行注释：        // ...
  2. 块注释：　　   /* ....  */
  3. HTML文档中注释：        <!--这是要注释掉的部分-->
  4. javascript中有半边即可作为行注释：　　<!--这是只是掉的行内容，后半部分括号可以不需要了

（3） 变量

　　javaScript允许直接对变量赋值而无需事先声明（弱编程语言）。如果对某个变量赋值之前未声明，赋值操作将自动声明该变量。出于编程习惯，最好对变量做出声明;例如：var name，age。

　　变量的命名要满足以下原则：

  1. 变量和其他语法元素的名字都是区分大小写的;
  2. 变量名中不允许有空格、标点（美元符号除外$）;
  3. 变量名允许包含字母、数字、美元符号（&），但是，第一个字符不允许是数字;
  4. 较长变量名建议加上下划线增加可读性;（var my_name;）;

(4)  数据类型

　　a. 字符串

　　字符串包括（但不限于）字母、数字、标点符号和空格。字符串必须包在引号里面，单引号或者双引号都可以。有的时候字符串内部有单引号/双引号，需要用转义字符（\）;在javaScript中，用反斜杠对字符进行转义： var mood = 'don\'t ask';（以避免和但引号混淆）。

　　b. 布尔值

　　布尔数据只有两个可选值---->ture/false。（注意ture/false不要用引号括起来，否者会将其当做做字符串的赋值操作）

　　c. 数值

　　JavaScript允许使用带小数点的数值，并且允许任意位小数，这样的数称为浮点数，数值前添减号（-）表示负数。

（5） 数组

　　JavaScript根本不需要在声明数组时候必须给出元素个数，向数组中添加元素操作称为填充。var person = Array("mairr",1949,ture)。

（6） 对象

　　与数组一样，对象也是使用一个名字表示一组值。对象的每个值都是对象的属性。例如:

var Mairr = Object();

Mairr.name = "HuGe";

Mairr.age = 18;

Mairr.living = false;

2.3 操作

　　算术操作符（包含加、减、乘、除、括号、自增++、自减--）。将多个字符串首尾相连的操作叫做拼接。如下所示，拼接示例：

// 直接拼接

var message = "I am feeling" + "sad";

// 通过变量完成·拼接

var mood = "sad";

var message = "i am feeling" + mood;

2.4 条件语句

　　if条件语句基本语法结构：if(condition){statements;}

(1) 比较操作符

  • 基本比较符“>,<,<=,>=,”
  • 不等号“！=”
  • 注意几个等号的区别：
  1. "="表示赋值符号;
  2. "=="不表示严格相等，例如，用"=="号比较false与空字符串的关系，会返回true，并不是严格相等;
  3. "==="表示严格相等;

（2） 逻辑操作符

  • 逻辑与 "&&"
  • 逻辑或 "||"
  • 逻辑非 "!"

　　(逻辑运算的结果是布尔型true/false)

2.5 循环语句

（1）while循环

// 方式一

while(condition){

    statements;

}

// 方式二

do{

   statements;

}while(condition);

（2）for循环

for(initial condition; test condition; alter condition){

    statements;

}

2.6 函数

　　如果需要多次使用同一段代码，可以把它们封装成一个函数。函数（function）就是一组允许在你的代码里随时调用的语句。每个函数实际上是一个短小的脚本。

　　定义一个函数的语法如下所示：

function name（arguments）{

    statements;

}

　　变量既可以是全局的，也可以是局部的。这就是变量的作用域。

　　全局变量可以在脚本的任何位置被引用。一旦你在一个脚本里声明了一个全局变量，就可以从这个脚本中的任何位置（包括函数内部）引用它。全局变量的作用域是整个脚本。

　　局部变量只存在于声明它的那个函数的内部，在那个函数的外部是无法应用他的，局部变量的作用域仅限于某个特定的函数。

　　如果在函数中使用了var，那个变量将被视为一个局部变量，它只存在于这个函数的上下文中;反之，如果没有使用var，那个变量将被视为一个全局变量，如果脚本里已经有在一个与之同名的全局变量，这个函数就会改变那个全局变量的直。

　　示例如下：

function square(num){

       total = num *num;     // 此处为全局变量，当设置为 var total = num *num; --->才是局部变量

       return total;

}

var total = 50;              // 此处为局部变量

var number = square(20);

alert(total);

　　得到结果是：

　　全局变量total的值变成了400，而不是局部变量的50。

2.7 对象

　　对象（Object）是一种数据类型，包含在对象里的数据可以通过两种形式访问——属性（property）和方法（method）：

  1. 属性是隶属于某个特定对象的变量;
  2. 方法是只有某个特定对象才能调用的函数;

对象就是由一些属性和方法组合在一起而构成的一个数据实体，在javaScript里，属性和方法都使用"点"语法来访问：

  1. Object.property
  2. Object.method()

　　为给定对象创建一个新实例需要使用new关键字

var Mairr = new person;

2.7.1 内建对象

　　JavaScript提供了一系列预先定义好的对象，这些可以拿来就用的对象称为内建对象。JavaScript中有许多内置对象，其中包括Array对象、Math对象、Date对象。例如，可以直接新建实例，然后调用其属性/方法：

// 例一

var beatles = new Array();

beatles.length;

// 例二

var current_date = new Date();

var taday = current_date.getDay();

2.7.2 宿主对象

　　除了内建对象之外，JavaScript脚本里使用一些已经预先定义好的其他对象。这些对象不是有JavaScript语言本省提供的，而是由他的运行环境提供的。具体到Web应用，这个环境就是浏览器。由浏览器提供的预定义对象被称为宿主对象。

　　宿主对象包括Form、Image、Element等。我们可以通过这些对象获得关于网页上表单、图像和各种表单元素等信息。

JavaScript DOM 编程艺术（1）---> JavaScript语法的更多相关文章

  1. Javascript DOM 编程艺术（第二版）读书笔记——基本语法

    Javascript DOM 编程艺术(第二版),英Jeremy Keith.加Jeffrey Sambells著,杨涛.王建桥等译,人民邮电出版社. 学到这的时候,我发现一个问题:学习过程中,相当一 ...

  2. 读书笔记：JavaScript DOM 编程艺术（第二版）

    读完还是能学到很多的基础知识,这里记录下,方便回顾与及时查阅. 内容也有自己的一些补充. JavaScript DOM 编程艺术(第二版) 1.JavaScript简史 JavaScript由Nets ...

  3. 《JavaScript DOM 编程艺术》 学习笔记

    目录 <JavaScript DOM 编程艺术> 学习笔记 第一章 js简史 第二章 js语法 准备工作 语法 第三章 DOM DOM中的D DOM中的O DOM中的M 第四章 js图片库 ...

  4. JavaScript DOM编程艺术（第2版）的简单总结

    介绍 JavaScript DOM编程艺术(第2版)主要讲述了 JavaScript.DOM 和 HTML5 的基础知识,着重讲述了 DOM 编程,并通过几个实例演示了具有专业水准的网页开发. 下面介 ...

  5. JavaScript DOM 编程艺术·setInterval与setTimeout的动画实现解析

    先贴上moveElement()函数的大纲,为了方便观看,删了部分代码,完整版粘到文章后面. function moveElement(elementID,final_x,final_y,interv ...

  6. JavaScript DOM编程艺术学习笔记（一）

    嗯,经过了一周的时间,今天终于将<JavaScript DOM编程艺术(第2版)>这本书看完了,感觉受益匪浅,我和作者及出版社等等都不认识,无意为他们做广告,不过本书确实值得一看,也值得推 ...

  7. JavaScript DOM编程艺术第一章：JavaScript简史

    本系列的博客是由本人在阅读<JavaScript DOM编程艺术>一书过程中做的总结.前面的偏理论部分都是书中原话,觉得有必要记录下来,方便自己翻阅,也希望能为读到本博客的人提供一些帮助, ...

  8. 《JavaScript dom 编程艺术》 placeholder占位符IE8兼容办法。

    在<JavaScript dom 编程艺术>第11章学来的. 相对于用JavaScript替换文本框的提示语句 <!DOCTYPE html> <html lang=&q ...

  9. 《javascript dom编程艺术》笔记（一）——优雅降级、向后兼容、多个函数绑定onload函数

    刚刚开始自学前端,如果不对请指正:欢迎各位技术大牛指点. 开始学习<javascript dom编程艺术>,整理一下学习到的知识.今天刚刚看到第六章,记下get到的几个知识点. 优雅降级 ...

  10. 《JavaScript DOM 编程艺术》

    前几天京东买了一本书,在豆瓣上好评如潮,买下了啃一啃,书名<JavaScript DOM 编程艺术>,在好好深造一下javaScript.一边啃,一边敲.当然应该要做好笔记.一些简单的就看 ...

随机推荐

  1. uva1629,Cake Slicing,记忆化搜索

    同上个题一样,代码相似度极高,或者说可以直接用一个模板吧 dp[i,j,p,q]表示一块长为j-i+1,宽为q-p+1,左上角在位置(i,j)上的蛋糕,dp[]表示当前状态下的最优值,然后对该块蛋糕枚 ...

  2. 用 eclipse 创建一个简单的 meaven spring springMvc mybatis 项目

    下面是整体步骤: 1: 先创建一个Maven 项目: 选择跳过骨架: 因为要搭建的是 web 项目  所以这个地方选择 war 包; 点击完成 这样就完成 Maven项目的搭建: 接下俩 先把 Mav ...

  3. 有序线性表(存储结构数组)--Java实现

    /*有序数组:主要是为了提高查找的效率 *查找:无序数组--顺序查找,有序数组--折半查找 *其中插入比无序数组慢 * */ public class MyOrderedArray { private ...

  4. Oracle官方非托管Odac驱动与Oracle官方托管odac驱动

    方便自己,方便他人,记一次连接oracle的经历,使用 [Oracle官方非托管Odac驱动,Oracle.DataAccess.Client]连接数据库的时候程序会报错,找了很久都不知道是什么原因, ...

  5. JAVA提高九：集合体系

    在经过了前面的JDK6.0新特性的学习后,将进一步深入学习JDK,因为集合的重要性,因此从集合开始入手分析: 一.集合概况 Java是一种面向对象语言,如果我们要针对多个对象进行操作,那么首先必要将多 ...

  6. linux学习（二）linux配置网卡以及常见网络问题排查

    实验环境环境:mac,vmware fusion 一.常用的虚拟机网络连接模式. NAT:推荐方式.它可以使你在切换网络环境(比如在工作中和家里)时,不需要修改虚拟主机的配置,而维持正常的上网功能. ...

  7. rsync远程数据同步工具的使用

    准备工作 虚拟机1: 192.168.24.41, 用于搭建rsync服务器 虚拟机2: 192.168.26.68, 用于搭建rsync客户端 虚拟机1和虚拟机2均为centos7; 1. 检查虚拟 ...

  8. sed命令详解 vim高级技巧 shell编程上

    第1章 sed命令详解 1.1 查找固定的某一行 1.1.1 awk命令方法 [root@znix ~]# awk '!/oldboy/' person.txt 102,zhangyao,CTO 10 ...

  9. php 文档操作

    ftp_mkdir() 函数在 FTP 服务器上建立新目录. 语法 ftp_mkdir(ftp_connection,dir) 参数 描述 ftp_connection 必需.规定要使用的 FTP 连 ...

  10. cocoaPods打包的静态库

    cocoaPods管理自己的静态库供其它人下载使用(直接使用上一篇用cocoaPod打包的静态库)(1) 创建github仓库 (2) 下载仓库到本地 (3) 将打包好的framework放到项目中 ...