你必须知道的JavaScript基础芝士

javascrip概述

JavaScript一种直译式脚本语言，用来为网页添加各式各样的动态功能(javaScript可以操作网页内容），不需要编译可直接通过浏览器解释运行，通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。

javascrip历史

javascript原名Livescript,由美国网景公司开发,是一种脚本语言,在网页中使用,无需编译

脚本语言

不需要编译的语言:sql python html css javascript都是脚本语言

直接有某种解释器(引擎)

javascript,html,css之间的关系

javascript是一种基于对象和事件驱动并具有安全性的解释语言,其目的就是增强web客户交互.弥补了html的缺陷

javascript代码写在哪?

javascript脚本写在一组

<script src = "xxx/xxx.js">
  导入后此script块内部的代码不会执行
</script>

javascript基本语法

声明变量

javascript是弱类型语言,变量没有类型,你给它赋值什么类型的值,它就是什么类型

使用var关键字声明

var a;
a=10;
alert(a);
a="abc";//类型可以随意赋值
alert(a);
var b = 10;//初始化变量后还可以直接对变量进行赋值
b=true;
b="abce"

数据类型

变量没有类型但数据分类型

数值型

包含整数和浮点数

var a = 10;
var b = 10.5;
alert(typeof(a));//返回变量的数据类型    number型

布尔型

var c = true;
var d = false;
alert(a==b);//false

字符串

var e = "abce";
var f = 'abce';
alert(typeof(e));//string
alert(typeof(f));//string
//javascript中单引号和双引号都表示字符串类型

undefined(声明了变量但并未赋值)

var g;
alert(g);//undefined类型
alert(g==undefined);//true,undefined类型也可以使用

Object(对象类型)

var date = new Date();
alert(date.getFullYear());
alert(date.getDate());

运算符

算数运算符:+ - * / %

+: 加法运算 字符串链接

var a=10,b=5,c="10",d="a";
//加法操作
alert(a+b);//加法运算链接  15
alert(a+c);//字符串链接  1010
//减法操作
alert(c-b);//输出结果为5,字符串可以正常运算,会尝试转型为数字类型
alert(c-d);//结果为NaN  Not a Number
//乘法运算
alert(a*b);//50
alert(a*d);//NaN  
//判断
alert(a==c);//只比较数值是否相等
alert(a===c);//全等 比较值和类型

流程控制

条件语句

if(c>b){
  alert(c);
}

循环语句

for(var i = 0;i<5;i++){
  alert(i);
}

数组

var arrays = ['img/1.jpg','img/2.jpg','img/3.jpg','img/4.jpg','img/5.jpg']