Skr-Eric的Javascript课堂（一）——JS的介绍、常量与变量、基础语法、数据类型

1. JS 组成

1. ECMAScript - JS的核心语法

 

2. 内置对象 - BOM DOM

BOM ：Browser Object Model 浏览器对象模型，主要提供

一组操作浏览器的方法

DOM ：Document Object Model 文档对象模型，提供一组操作

文档的方法

 

3. JS 自定义对象

 

2. JS 引入

1. 元素绑定

将JS代码以事件的形式绑定在元素上。

事件 ：用户行为触发的操作，（鼠标操作，键盘操作）

et :

<h1 οnclick="alert('弹窗显示文本');">点击</h1>

 

2. 文档内嵌

使用<script></script>标签，在标签中书写JS代码

et :

<script>

alert("文档内嵌");

</script>

注意 ：脚本标签可以书写在任意位置，

 但是位置会影响执行效果

 

3. 外部JS文件

创建.js文件，在文件中书写JS代码，

使用<script src=""></script>标签在文档中引入,

如果脚本标签做引入操作，那么标签内不能再书写JS代码

 

4. 常用JS语句

1. alert(); 以警告框的形式提示信息

2. prompt(); 接收用户输入的弹框，输入结果会以函数返回值

 的形式给出

3. console.log(); 在控制台输出，常用于调试

4. document.write(); 在网页中输出

注意 ：

1. document.write()方法会根据当前的书写位置在

网页中插入内容

2. 如果以元素绑定事件的方式在网页中写入内容，

οnclick="document.write();",会清空当前页，只显示

写入的内容。

3. 使用document.write()方法写入内容，可以识别

HTML标签

 

3. JS 基础语法

1. JS代码是由语句组成的，每一条语句以分号结尾;

 语句是由关键字，运算符，表达式组成的;

 

2. JS代码严格区分大小写

et :

console.log(); 正确

Console.log(); 错误

 

3. 所有的标点符号，都是英文的

 

4. JS中的注释

// 表示单行注释

/* 注释内容 */  多行注释

 

4. JS 中的变量与常量

1. 变量：

1. 创建变量

1. 先声明，后赋值

使用var关键字进行变量的声明

使用=进行变量的赋值

自定义变量名

et :

var a;

a = 10;

var b,c,d;

b = 100;

2. 声明的同时赋值

et :

var age = 20;

var uname="zhangsan",height=180;

2. 命名规范

1. 由数字，字母，下划线和$组成，禁止以数字开头

2. 避免与关键字，保留字冲突（name var new for if

do while function class break switch... ）

3. 做到见名知意

4. 严格区分大小写

5. 多个单词组成的变量名，采用小驼峰标识

et :

goodsCount

goodsPrice

userName

3. 使用注意

1. 变量声明可以省略关键字var,直接使用变量名赋值，

不推荐省略关键字，涉及到变量作用域。

2. 变量如果只声明，未赋值，默认值为undefined

3.赋值符号表示将右边的值赋给左边变量，要求左边

必须是变量。

et :

var a = 10;

a = 10 + 10;

 

2. 常量

变量可以在程序任何地方修改

常量一经定义就不能更改

1. 创建

使用 const 关键字创建常量，声明的同时必须赋值

2. 语法规范

为了区分变量与常量，一般变量名采用小写或驼峰标识

常量采用全大写的形式

et :

const PI = 3.14;

练习 ：

1. 定义常量PI，3.14

2. 定义变量 r ，表示半径

3. 计算圆的周长与面积并进行输出

3. 小数位的操作

1. 小数在计算机的存储中是不精确的，存在误差

2. 指定保留小数位

 方法 ：toFixed(n); n表示要保留的位数

 使用 ：

var num = 1.23456;

var res = num.toFixed(2); //返回最终的结果

 

5. JS 中的数据类型

1. 简单数据类型（基础）

1. number 类型

数值类型，包含整数和小数

整数在内存中占用4个字节（32位），小数占8个字节（64位）

1. 整数

可以使用十进制，八进制，十六进制表示整数

八进制 ：以0开头

8为基数，取值0-7，逢8进1

et :

0 * 8(0) + 1 * 8(1) = 8

var a = 010;

var b = 011;

八进制转十进制，逢8进1

十进制转八进制，需要首先将十进制转为二进制，

从右向左，每三位为一组，转换数值，就是八进制

十六进制 ：以0x为前缀,取值0-9，a-f

et :

var c = 0x25;  //37

十六进制转十进制，参考八进制

十进制转十六进制，先将十进制转换二进制，

从右向左，每四位为一组，不足为补0，计算数值

1111 -> 15 -> f

注意 ：

不管是哪一种进制表示的整数，在使用控制台输出时

都会转换为10进制输出显示

2. 小数

也叫浮点数

1. 使用小数点，给出小数位

var a = 3.14;

2. 使用科学计数法

var b = 1.5e3;

e 表示 10 为底

e 后面的数值，表示 10 的次方数

计算方式 ：

1.5 * 10(3)

2. string 类型

1. JS中字符串使用引号引起来，单双引号都可以

et :

var a = 10;

var b = '10';

2. 字符串中每个字符都有对应的Unicode码值

  1. 查看字符的Unicode码

方法 ：charCodeAt(index)

字符串中每个字符都对应有一个下标，从0开始

这个方法根据给定下标获取该字符的Unicode码

2. Unicode码

 Unicode码值中前128位与ASC码对应一致

 中文字符的范围 (十六进制表示)

 "\u4e00" - "\u9fa5"

3. 将汉字的Unicode码转换为汉字字符

1. Unicode码转换为十六进制

toString(16)：将十进制数字转换为十六进制

返回字符串

2. 在十六进制字符串前添加\u转义，转换为汉字

4. 转义字符

 \n 换行

 \t 制表符

 \\ 表示\

 \" 表示"

 \' 表示'

3. boolean类型

只有真和假 true false，表达式进行关系运算的结果

一定是布尔类型

true false 可以转换为number数值

true = 1

false = 0

任何非零值都为真

4. undefined

1. 变量声明未赋值，默认为undefined

2. 访问对象不存在的属性时，也为undefined

5. null

空类型，一般用来解除对象的引用

 

2. 复杂数据类型 (引用)

对象 函数

 

3. 判断数据类型

操作符 typeof typeof()

var a = 10;

console.log(typeof a);

 

 

 

想要看更多的课程请微信关注SkrEric的编程课堂