JavaScript DOM编程艺术 读书笔记 第2章 JavaScript语法

添加JavaScript代码的几种方式

HTML文档结构:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
    </body>
</html>


1. 将其放到文档<head>标签中的<script>标签之间。

2. 将其放到文档<head>标签中的<script>标签之间,将JavaScript代码存为一个扩展名为.js的独立文件, 将<script>标签的src属性执行该文件。

3. 最好的做法是:将<script>标签放到HTML文档的最后, </body>标签之前。 这样能使浏览器更快地加载页面(第5章将详细讨论这个问题)。

语句 

我们建议在每条语句的末尾都加上一个分号, 这是一种良好的编程习惯。

注释  采用java类型的注释即可  //   /**/    ,HTML风格的注释<!--   -->不好用。

变量   


JavaScript允许程序员直接对变量赋值而无需事先声明。

虽然JavaScript没有强制要求程序员必须提前声明变量, 但提前声明变量是一种良好的编程习惯。

var mood = "happy", age = 33;
像这样声明和赋值是最有效率的做法。
声明了多个变量mood,age, 同时将声明变量和对该变量赋值一次完成。
这一条语句的效果相当于下面这些语句的总和:
var mood,age;
Mood = "happy";
Age = 33;

变量命名规则:在JavaScript语言里,变量和其它语法元素的名字都是区分字母大小写的。
不允许变量名中出现空格或标点符号(没有符号“$”除外)
允许变量名包括字母、数字、美元符号和下划线(但第一个字符不允许是数字)。 (和Java一样的命名规则)

在命名变量时,我用下划线来分隔各个单词;在命名函数时,我用驼峰命名法。
我这么做事为了能够一眼看出哪些名字是变量,哪些名字是函数。(p28)
通常驼峰格式是函数名、方法名和对象属性名命名的首选格式。(p13)

 
数据类型JavaScript不需要进行类型声明、它是一种弱类型(weakly typed)语言。 这意味着程序员可以在任何阶段改变变量的数据类型。



字符串
我个人喜欢用双引号来包住字符串。 作为一个好的编程习惯,不管选择用双引号还是单引号, 请在脚本中保持一致。

 
对象  创建对象用Object关键字。 使用点号来获取属性。
写法:var lennon = new Object();lennon.name = John;lennon.year = 1990;lennon.living = true;

另一种写法: 花括号语法。 属性名与JavaScript变量的命名规则有相同之处, 属性值可以是任何JavaScript值, 包括其它对象。 var lennon = {name:"John", year:1990, living:true}

对象是一种非常重要的数据类型。对象是自包含的数据集合, 包含在对象中的数据可以通过两种形式进行访问 - 属性(property)和方法(method):



属性是隶属于某个特定对象的变量;
方法是只有某个特定对象才能调用的函数。  对象就是由一些属性和方法组合在一起而构成的一个数据实体。

JavaScript语言里提供的对象可以分为三种类型: 分别为内建对象,宿主对象,预定义对象。


   JavaScript提供了一系列预先定义好的对象, 这些可以拿来就用的对象称为内建对象(native object).
    比如Date对象用来存储和检索与特定日期和时间有关的信息。Arry, Math

  宿主对象:  由浏览器提供的预定义对象称为宿主对象(host object)
  宿主对象包括Document, Form,Image和Element等   



宿主对象最基础的是Window对象。Window对象对应着浏览器窗口本身, 这个对象的属性和方法通通统称为BOM(浏览器对象模型), 但我觉得称为Window Object Model(窗口对象模型)更为贴切。(p32 - DOM 第3章)

预定义对象:  由程序员自行创建的对象。

函数


作为一种良好的编程习惯, 应该先对函数做出定义再调用它们。 定义一个函数的语法:
Function name(arguments){
    statements;
}

JavaScript提供了许多内建函数。 alert
就是其中一个,这个函数需要我们提供一个参数,它将弹出一个对话框来显示这个参数的值。

函数的真正价值体现在, 我们还可以把它们当作一种数据类型来使用, 这意味着可以把一个函数的调用结果赋给一个变量:

原文地址:https://www.cnblogs.com/huyang011/p/14209677.html