聊一聊JavaScript基础巩固提高系列课程（一）

一 . javaScript简介

1 . JS分为三部分：

ECMAScript---是标准，包含了js的基本语法
DOM-----文档对象模型 document object model
BOM------浏览器对象模型 browser object model

2 js是什么？

Js的原名是livescript，后来才改名的，个人理解，他是一门脚本语言，是一门解释型语言，是一门动态语言，更是一门基于对象的语言

这里主要介绍两种：

编译语言:需要把代码编译成计算机才认识的二进制代码。才能运行的语言叫做编译语言
脚本语言：不需要编译，直接执行，常见的脚本语言还有cmd,t-sql

3 js的作用？与html和css的区别？

JS的作用是为了处理用户与浏览器交互的问题，HTML是标记语言，用来展示数据的，而CSS是为了美化页面的，就是给一个裸奔的人穿上衣服！

二 . javaScript初体验

在html中可以写代码的di地方有三个：

html行内
script标签中
在js文件中写js代码，然后在html中引入js

<input type="button" value="按钮" onclick="alert('被点了');"/>
<script src="tesxt.js"></script>
<script>
    alert(121)
</script>

三.变量

操作的变量都是在内存中进行操作的，声明变量都是用var来进行声明，每一个变量都有他自己对应的数据类型。但是切记。如果是字符串类型的，一定要用单引号或者单引号进行包括！

变量可以有字母，数字，$组成，但是不能是关键字，并且不能以数字开头，尽量使用驼峰

变量的主要作用是用来储存数据，进而操作数据

变量的声明：有var，有名字，但是没有值
变量的初始化：有var，有名字，也有值

可以一次声明多个变量：比如 var a，b, c, d, e, f, g;

变量的初始化可以初始化任何类型的变量

//存储一个数字10
    var number = 10;
    //存储一个5
    var number2 = 5;
    //存储一个人的名字
    var name = "小黑";
    //存储真(true)
    var flag = true;
    //存储一个null--->相当于是空
    var nll = null;
    //存储一个对象
    var obj = new Object();

& ----关于变量的交换----

&1 借助第三方变量

    var a = 10,b=20;
    var temp = a ;
    a = b;
    b = temp;
    console.log(a) //20
    console.log(b)//10

&2 不借助第三方变量

    var a = 10,b=20;
    a = a+b;
    b = a-b;
    a = a-b;
    console.log(a) //20
    console.log(b)//10

&3 交换变量扩展

    var a= 10;
    var b= 20;
    a = a  ^ b;
    b = a  ^ b;
    a = a  ^ b;
    console.log(a, b);

^表示按位异或运算符，即当且仅当只有一个表达式的某位为 1 时，结果中的该位才为 1。否则，结果为0

第三种方法就相当于

a=a^b;

b=a^b;   b=a^b^b=a

a=a^b;   a=a^b^a=b

很显然，异或运算直接操作的是计算机中的二进制，所以第三种运算速度是最佳的。

四. 数据类型

js中的数据类型可以默认分为6类：

5种简单数据类型：Number,String,null,undefined,Boolean

1中复杂数据类型：Object

---------------------------------------------Number类型------------------------------------------------

number类型包括整数和浮点数（浮点数数值必须包含一个小数点，且小数点后面至少有一位数字）两种
NaN非数字类型，1涉及到NaN的所有操作都返回NaN；2. NaN不等于自身
not a number
isNaN用来检测是否为非数字，如果是非数字则返回true,isNaN(123) //false isNaN("hello") //true

---------------------------------------------String类型------------------------------------------------

字符串的变量都有length属性
任何变量转化为String类型有两种方法，String()和toString()
转型函数String(),适用于任何数据类型（null,undefined 转换后为null和undefined）
toString()方法（null,defined没有toString()方法）

-------------------------------------------- -Boolean类型 ------------------------------------------------

Boolean类型的值只有两个，true和false

---------------------------------------------null类型------------------------------------------------

null类型被看做空对象指针，前文说到null类型也是空的对象引用。只有一个值就是null

---------------------------------------------undefined类型------------------------------------------------

值只有一个，即声明了变量，但是未初始化值，就是undefined
函数未明确返回值，但是如果接收了，那得到的也是undefined
undefined和任何一个数字进行计算，得到的结果都是NaN,(不是一个数字)

---------------------------------------------Object类型------------------------------------------------

js中对象是一组属性与方法的集合。这里就要说到引用类型了，引用类型是一种数据结构，用于将数据和功能组织在一起。引用类型有时候也被称为对象定义，因为它们描述的是一类对象所具有的属性和方法。

聊一聊JavaScript基础巩固提高系列课程（一）

猜你喜欢