JS一点笔记

JS学习

一、JS初体验

JS有3种书写位置，分别为行内、内嵌和外部。

1.行内式JS

<input typem"button" valuem"点我式试" onclick"alert (' Hello world')" />

可以将单行或少量JS代码写在HTML标签的事件属性中(以on开头的属性），如: onclick

注意单双引号的使用:在HTML中我们推荐使用双引号,JS中我们推荐使用单引号

可读性差，在html中编写JS大量代码时，不方便阅读;

引号易错，引号多层嵌套匹配时，非常容易弄混;

特殊情况下使用

2.内嵌JS

<script>

  alert ( 'Hello world~!');

</script>

可以将多行JS代码写到<script>标签中

内嵌JS是学习时常用的方式

3.外部JS文件

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

利于HTML页面代码结构化，把大段JS代码独立到HTML页面之外，既美观，也方便文件级别的复用

引用外部JS文件的script标签中间不可以写代码

适合于JS代码量比较大的情况

二、JS注释

1. 单行注释

// 单行注释    快捷键 ctrl + /

2. 多行注释

/*

多行注释

多行注释          默认快捷键 shift + alt + a

*/

三、JS输入输出语句

为了方便信息的输入输出，JS中提供了一些输入输出语句，其常用的语句如下:

方法说明alert(msg)浏览器弹出警示框console.log(msg)浏览器控制台打印输出信息prompt(info)浏览器弹出输入框，用户可以输入

四、JS变量

1.变量概述

变量是用于存放数据的容器。我们通过变量名获取数据，甚至数据可以修改。

变量是程序在内存中申请的一块用来存放数据的空间。

2.变量的使用

变量在使用时分为两步:

声明变量

赋值

（1）. 声明变量

、/声明变量

var age; //声明一个名称为age的变量

var是一个JS关键字，用来声明变量( variable变量的意思)。使用该关键字声明变量后，计算机会自动为变量分配内存空间，不需要程序员管

age是程序员定义的变量名，我们要通过变量名来访问内存中分配的空间

（2）. 赋值

age = 10;//给age这个变量赋值为10

= 用来把右边的值赋给左边的变量空间中 , 此处代表赋值的意思

变量值是程序员保存到变量空间里的值

（3）. 变量的初始化

var age = 18;//声明变量同时赋值为18

声明一个变量并赋值，我们称之为变量的初始化。

3.变量语法扩展

（1）. 更新变量

一个变量被重新复赋值后，它原有的值就会被覆盖，变量值将以最后一次赋的值为准。

var age = 18;

age = 81;//最后的结果就是81因为18被覆盖掉了

（2）. 同时声明多个变量

同时声明多个变量时，只需要写一个var，多个变量名之间使用英文逗号隔开。

var age = 10,name = "zs',sex = 2;

（3）. 声明变量特殊情况

情况说明结果var age ; console.log(age);只声明不赋值undefinedconsole.log(age)不声明不赋值直接使用报错age = 10; console.log (age);不声明只赋值10

4.变量命名规范

由字母(A-Za-z)、数字(0-9)、下划线(_)、美元符号($ )组成，如:usrAge, num01,_name

·严格区分大小写。var app; 和var App; 是两个变量

不能以数字开头。18age是错误的

不能是关键字、保留字。例如: var、for、while

变量名必须有意义。MMD BBD      nl →age

遵守驼峰命名法。首字母小写，后面单词的首字母需要大写。myFirstName

尽量不要直接使用name作为变量名