初识JavaScript（JS）小结

简单介绍JS

JS是主要在客户端 ( 浏览器 )上运行的脚本语言，主要作用是实现和浏览器以及页面的交互。

HTML、CSS、JavaScript之间的关系：

HTML: 网页的内容及其结构(骨)

CSS: 网页的布局、各种内容的表现 ( 皮 )

JavaScript: 网页的行为（魂）

JavaScript 的组成

ECMAScript( 简称 ES): JavaScript 语法

DOM: 页面文档对象模型 , 对页面中的元素进行操作

BOM: 浏览器对象模型 , 对浏览器窗口进行操作

JS是一种解释性语言，只有运行时错误（即使语法错误）

JavaScript 的书写形式

1. 行内式 ：直接嵌入到 html 元素内部

<input type="button" value="点击" onclick="alert('haha')">

2. 内嵌式 ：写到 script 标签中

<script>
    alert("haha");
</script>

3. 外部式 (此方法比较推荐)：写到单独的 .js 文件中

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

alert("haha");//此内容单独写在 hello.js 中。

简单JS：

语法

变量

 创建变量：var 是 JS 中的关键字, 表示这是一个变量.

var name = 'zhangsan';
var age = 20;

 也就是说JS中变量类型是动态的，只有运行过程中才能确定。

基本数据类型

其中string类型字面值需要使用引号引起来, 单引号双引号均可. 如：

var str1 = "hello";
var str2 = 'hello';

若字符串中有单双引号，则需要使用 \"  \'   或者单双引号搭配使用，如：

var str1 = "\"hello\"";
var str2 = '"hello"';
var str3 = "'hello'";

 输出结果如下：

== 和 ===            != 和 !==

==(!=):只判断值是否相等，不区分类型；例如："1"==1   true  ; 1==1    true

===(!==):类型与值均判断是否相等；例如："1"===1  false  ;  1===1  true;

条件语句

if语句

 其他条件语句和java规则类似； 

 数组（array）

 数组中元素类型是可以不统一的。例如：

var array = [1,2,3,"hello",true,false,[1,2,3]]

数组的遍历

 函数（function）

函数也是JS语句中的一等公民。

如可以延用上面的add方法， var a = add;  a(1,2);

这里需要区分 var a = add 与 var a = add(); 前者为把add方法赋值给a，后者把add结果赋值给a，即后者可以在括号内添加值。

函数定义时没有返回值，则视为 return undefined；

函数可以定义在函数中。例如：

function func(){
    function func2(){
    ......
    }
}

最后 关于开发者工具

对于开发者来说，一定要熟悉运用开发者工具进行deug，熟悉控制台。