JavaScript学习笔记（一）

一、JS用法和位置

1.常见用法

(1)绑定在标签中

可以将js代码编写到标签的onclick属性中，当我们点击按钮时，js代码才会执行。
虽然可以写在标签的属性中，但是他们属于结构与行为耦合，不方便维护，不推荐使用。

<button onclick="alert(‘点击成功！’)">点我一下</button>

 可以将js代码写在超链接的href属性中，这样当点击超链接时，会执行js代码

<a href="javascript:alert('')">点我一下</a>

(2)写在js文件中，通过<script></script>标签引用。

也可以将js代码编写到外部js文件中，然后通过script标签引入

写到外部文件中可以在不同的页面中同时引用，也可以利用到浏览器的缓存机制

是推荐使用的方式。

注：script标签一旦用于引入外部文件，就不能在编写代码，即使编写了浏览器也会忽略，如果需要，则可以在创建一个新的script标签用于编写内部代码。

<script type="text/javascript" src="js/script.js"></script>

二、基本语法

1.注释

多行注释:(/** 注释内容**/)，注释中的内容不会被执行，但是可以在源代码中查看，要养成良好的编写注释的习惯，也可以通过注释来对代码进行一些简单调试：注释掉代码，查看代码的效果。

2.语句的规则

JS中严格区分大小写

JS中每一条语句以分号（；）结尾

JS中会忽略多个空格和换行，可以以利用空格和换行对代码进行格式化。

3.字面量

字面量都是一些不可改变的值，字面量都是可以直接使用，但是一般都不会直接使用字面量，而是通过使用变量来保存字面量。

4.变量

变量可以用来保存字面量，而且变量的值是可以任意改变的

变量更加方便我们使用，所以在开发中都是通过变量去保存一个字面量，而很少直接使用字面量。

在js中使用var关键字来声明一个变量，声明和赋值可以同时进行。

var a<!--定义变量a-->;a=123 <!--给a赋值-->;var b=789;<!--给b赋值-->

5.标识符

在JS中所有的可以由我们自主命名的都可以成为是标识符

例如：变量名、函数名、属性名都属于标识符

命名一个标识符时需要遵守如下的规则：

1.标识符中可以含有字母、数字、_、$

2.标识符不能以数字开头

3.标识符不能是ES中的关键字或保留字

4.标识符一般都采用驼峰命名法（首字母小写，每个单词的开头字母大写，其余字母小写）

helloWorld  xxxYyyZzz

JS底层保存标识符时实际上是采用的Unicode编码，所以理论上讲，所有的utf-8中含有的内容都可以作为标识符。即可用中文作为变量名，但不建议使用。

var 锄禾日当午=789

6.方法的调用

调用方法,xxx的yyy()方法，就是xxx.yyy()。

a=a.toString();

三、数据类型

数据类型指的是字面量的类型，在JS中一共有六种数据类型：

1.String 字符串 2.Number 数值 3.Boolean 布尔值 4.Null 控制 5.Undefined 未定义 6.Object 对象。可以使用一个运算符typeof来检查一个变量的类型 语法:typeof 变量。

console.log(typeof b)

检查字符串时，会返回string,检查数值时，会返回number。以此类推

1.String 字符串

-在JS中字符串需要使用引号引起来。

-使用双引号或单引号都可以，但不可以混杂使用。

var str="hello"; var str='hello'

-在字符串中我们可以使用\作为转义字符，当表示一些特殊符号时可以使用\进行转移

\"表示" \' 表示' \n 表示换行 \t 制表符

str="我说:\"今天\t天气真不错！\"";
在网页上显示的效果为：我说"今天    天气真不错！"

2.Number 数值

在JS中所有的数值都是Number数值类型，包括整数和浮点数（小数）。

JS中可以表示的数字的最大值和最小值

最大值：Number.MAX_VALUE 1.7976931348623157e+308;

最小值：Number.MIN_VALUE "5e-324";大于0的最小值

如果使用Number表示的数字超过了最大值，则会返回一个Infinity（字面量），表示正无穷。

NaN 是一个特殊的数