1.1JavaScript能做什么?
最初的目的是为了处理表单的验证操作,发展到现在几乎无所不能
1.网页特效
2.服务端开发(Node.js)
3.命令行工具(Node.js)
4.桌面程序(Electron)
5.App(Cordova)
6.控制硬件-物联网(Ruff)
7.游戏开发(cocos2d-js)
1.2JavaScript的组成部分
JavaScript:ECMAScript DOM BOM
- ECMAScript - JavaScript的核心
ECMA欧洲计算机制造联合会
网景:JavaScript、微软: JScript
JavaScript的核心,定义了JavaScript的语法规范,描述了语言的基本语法和数据类型,ECMAScript是一套标准,定义了一种语言的标准与具体实现无关
三种编写JavaScript的方式,分别是在HTML>head中编写,一种是在body中进行写,还有一种在html以外操作也可创建js文件中书写,尾缀设置为.js。
1.3 JavaScript变量名的生成
声明变量利用var关键字。
声明变量:var age;
变量的赋值:age = 18;
同时声明多个变量:var age,name,sex;
age = 10; name = 'zs';
同时声明多个变量并赋值:
var age = 10 , name = 'zs';
var a = b =10;//a = 10, b = 10
var a , b = 10 ;//a = undefined,b = 10;
变量名的命名规则和规范
规则–-必须遵守的。不造守会报错
由字母、数字、下划线、$符号组成,不能以数字开头。
不能是关键字和保留字,例如for、while
区分大小写
规范-建议遵守的,不遵守不会报错
变量名必须有意义
遵守驼峰命名法。首字母小写,后面单词的首字母需要大写。例如: userName.userPassword
1.4操作符与表达式
表达式操作数和接怍符组成,可以产生一个值,有可能是运算、函数调用,也有可能是字面量。表达式可以放在任何需要值的地方。
1.5了解逻辑运算符与基本结构
顺序结构: 从上到下依次的顺序结构
分支结构(if...else):根据不同的情况执行对应的代码
循环结构:重读一件事情
利用基本结构做一些小案例
案例一:判断年份是否为闰年?
// 闰年:可以被400整除或者可以被4整除但不能被100整除
var year = 400;
if(year%400==0||(year%4==0&&year%100!=0)){
console.log(year,"是闰年")
}else{
console.log(year,"不是闰年");
}
案例二: 输入两个整数,如果两个数相加的结果为奇数则输出该结果,否则输出提示信息结果
不是奇数。
var a = parseInt(prompt("请输入一个数字"));
var b = parseInt(prompt("请输入一个数字"));
if((a+b)%2==0){
alert('不是奇数')
}else{
alert('是奇数')
}
案例三: 判断三个值中的最大值?
var a = 10;
var b = 20;
var c = 30;
var max = 0;
if(a>b){
max = a;
if(max>c){
max = a;
}else{
max = c;
}
}else{
max = b;
if(b>c){
max=b;
}else{
max=c;
}
}
console.log(max);
也可利用三元运算符进行计算 (? :)
// 三元运算符? :
max = a > b ? a : b;
var result = max > c ? max : c;
console.log(result);
案例四利用for循环实现1-100的和 与1-100之间偶数的和?
// 1-100的相加和
var a = 0;
for(var i=1;i<=100;i++){
a+=i;
}
document.write(a);
// 1-100的偶数和
var sum = 0;
for(var i=2;i<=100;i+=2){
sum+=i;
}
document.write(sum);