JavaScript基础01

1、JavaScript:

基于对象和事件驱动,运行在浏览器客户端的脚本语言。

js的运行环境基于浏览器的

对象:在程序环境中,任何一个具体的事物都可以称为对象(对象好操作)

事件:在程序中,用户的每一个具体的行为动作都称为事件

2、js的基本组成:

​ 1.语法基础(ECMAScript)

​ 2.DOM :通过js操作网页

​ 3.BOM :浏览器效果

3、js的书写方式:

1.内嵌式:

将js代码嵌入到HTML网页中,通过 在html页面内部设置

​ <script type="text/javascript">

​ </script>

该标签可以放到head标签中或者body标签中。

2.外联式:

​ 新建js文件

​      通过script标签引用到当前页面中 <script type="text/javascript" src="test.js"></script>

​ 注意:1. 不能将代码写到外联式标签中。 2.一个网页中可以同时调用多个外部js文件

3.行内式:

​ 将js代码写到标签内部    <div onclick="js代码"></div>

​ 注意:onclick 是一个点击事件: 当点击div的时候,会触发该事件,执行该事件中的代码

4、js的输出书写方式:

​ alert  在网页中以弹出窗口的形式输出消息

​ console.log  在浏览器控制台中输出消息。调试错误信息。

​ document.write 在网页中输出消息,通过js的方式将内容放到body标签中,还可以输出HTML标签。例如:document.write('<h1>我是一个标题标签</h1>')

​ prompt 通过js的方式接受用户输入的消息(获取消息方式)得到的结果是字符串类型。

​ confirm 通过js的方式获取用户的选中操作(确定  或者  取消)

5、js代码注意事项:

​ 1.在js中是严格区分字母大小写的。

​ 2.如果在网页中要输出汉字或者字母,一定要带引号。

​ 3.一段完整的js代码后面要以  ; 结尾。

​ 4.在程序中凡是遇到特殊符号,必须是英文输入法下的符号。

变量

1、为什么要有变量:

在程序执行过程中,需要将临时数据保存。

2、什么是变量:

变量就是一个容器,用来保存数据的容器。

3、如何使用变量:

​ 1、先定义变量:

​ 方式1. var  自定义变量名;es5中的方式

​ 方式2. let 自定义变量名;es6中的方式

​ 2、给变量赋值:

​ 变量名 = 值;

​ 3、将变量中的值输出:

​ 先执行赋值运算符右侧的代码,然后将右侧的结果赋值给左侧的变量

​ 使用的时候变量不需要带引号

4、变量详解:

1.在定义变量的时候,必须使用 var 或者 let 关键字

2.关于自定义变量名规则注意事项:

​ 变量在定义的时候最好遵守驼峰命名法 /

​ 变量的命名最好具有一定的语义(英文翻译)/

​ 变量的命名不能使用关键字 /

​ 变量的命名不能使用保留字(在当前的js版本中没有特殊含义,但是在其他版本中具有特殊含义)/

​ 变量的命名中间不能出现空格 /

​ 变量的命名不能使用汉字 /

​ 变量的命名不能以数字开头 /

​ 变量的命名不能以特殊符号开头($ 和 _除 外)/

3.给变量赋值注意规则:

​ = 叫赋值运算符,作用就是用来赋值的,不是用来判断相等的。(‘==’  或者 ‘===’ 判断相等)/

​ 在赋值运算符前后加一个空格隔开 /

​ 在赋值过程中,如果出现汉字或者字母必须加引号 /

​ 同一个变量在赋值的时候,只能保存一个值,且是最后一次的赋值结果 /

4.变量在使用(输出)规则:

​ 当使用变量的时候,变量不需要加引号(如果是变量则不用加引号)/

​ 如果带有引号,那么不再表示变量了,引号中是什么就输出什么,不再输出变量中的值了 /

​ var 变量名 = 值;

数据类型

注意:只要有变量,变量就必须有明确的数据类型

一、数据类型介绍:

1.基础数据类型(简单数据类型):

1.1 数字类型(number):

特点:只要变量的值是纯数字且不带引号,这个变量就是数字类型 /

凡是数字都属于该类型【整数,小数,负数】

1.2 字符串类型(string):

特点:只要变量的值带有引号,该变量就是字符串类型 /

注意事项:

一般字符串推荐使用单引号,字符串可以是引号中的任意文本。/

只要有字符串参与数学计算,那么最后的结果都是字符串。/

如果有字符串相加,那么加号不再是数学中的加属性了,此时的加号就是一个简单的链接符号(拼接字符串)

1.3布尔类型(boolean)

特点:只要变量的值是 true 或者 false 中的一个,那么该变量就是布尔类型。

注意事项:true 和 false 就是一个特殊的值 /

true  在程序中表示正确的,条件成立的 /

false  在程序中表示错误的,条件不成立的

1.4 undefined类型(undefined)

特点:如果一个变量没有赋值,该变量的默认是undefined ,如果一个变量的值是undefined,那么该变量的数据类型就是undefined类型。

1.5 null 空对象类型(了解)

特点:null类型被看做空对象指针.只有一个值,即 null 值 / null 空比如一个变量原先有值 可以将变量的值设置为null 代表清空变量容器中的数据  / 作用为了清空对象。

2.复杂数据类型:对象

二、程序中获取数据类型:

通过 typeof(变量)获取当前变量的数据类型

var a = 1; console.log(typeof (a));

三、数据类型转换:

隐式类型转换:程序在计算过程中,转化的数据类型。(程序自己的行为)

强制类型转换(显示类型转换):数据类型的转换是通过程序员的行为实现的。

1.转数字类型:

Number(变量);通过Number( )方法将变量转换为数字类型。

特点:在数据类型转换的过程中,可以将原来的值保留,遇到小数直接保留下来,不会舍去 /

在数据类型转换的过程中,如果遇到非数字的值,则最后的结果为NaN /

NaN (not  a  number)  ----NaN对应的数据类型是数值类型。

parseInt(变量);通过parseInt( )方法将变量转换为数字类型。

特点:只会保留整数部分,通过该方式进行数据类型转换后得到就是一个整数

parseFloat(变量);通过parseFloat( )方法将变量转换为数字类型。

特点:在数据类型转换的过程中,可以将原来的值保留 /

在数据类型转换的过程中,如果遇到非数字的值,则停止转换,直接保留数字部分。

2.转字符串类型:

String(变量);将变量转换为字符串类型。

特点:可以将任何的值转换为字符串类型。

变量.toString( );将变量转换为字符串类型。

特点:只能将支持该方法的值转换为字符串类型。(不支持undefined和null)

3.转布尔类型:

Boolean(变量) ;将变量转换为字符串类型。

注意:当其他数据类型转换为布尔类型后,变量原来的值一定会发生改变,是 true 或者 false 这两个值。

0  |''(空字符串) | null | undefined | NaN  会转换成false  其它都会转换成 true

案例:

<script>

​        var a = prompt('请输入3位数'); 

​        a = Number(a);

​        var bai = parseInt(a / 100);

​        var shi = parseInt(a % 100 / 10);

​        var ge = parseInt(a % 10);

​        console.log('百位是:' + bai + '十位是:' + shi + '个位是:' + ge);

​      (  alert('百位是: ' + bai + '\n' + '十位是: ' + shi + '\n' + '个位是: ' + ge);换行的 )

​    </script>

补充

拼接字符串:  使用 + 将多个值拼接到一块,最少得有一个是字符串

使用 + 将前后的值链接到一块

2.转义字符:

原因:

​        // 1. 单引号或者双引号具有特殊性

​        // 2. 单引号或者双引号都是成对出现的

// 解决:

​        // 1. 可以使用引号的过程中,可以使用单嵌套双,可以双嵌套单

​      转义字符(\在符号的前面)\n            换行 \         斜杠\' 单引号\"         双引号\r         回车符

推荐阅读更多精彩内容