银子：
一般来说，一门编程语言的基础语法都是大同小异的。比如，python的基础语法，包括：数据类型，变量，作用域，运算符，流程控制（if...else...语句），循环，编码，数据类型的操作（增删改查、切片），常用的内置函数，常用的内置模块，以及规范化的开发结构。JavaScript也是类似的。ECMAScript就是JavaScript最基础的语法。
一、JS是啥？
一个网页开发，主要用的语言组合是html+css+JS,其中，htnl用来搭建页面的结构（控件，段落，标签，链接什么的），css用来美化页面，JavaScript负责交互。
JS的组成：（1）ECMAScript5.0：语法标准 （2）DOM：操作页面元素API （3）BOM：操作浏览器的部分API
二、JS的引入方式
<!-- 内接式 --> <script type="text/javascript"> </script> <!-- 外接式 --> <script type="text/javascript" src="./JS/text.js"></script>
三、调试语句
<!-- 建议在body之后 书写脚本js代码 -->
<!-- 1.内接式 -->
<script type="text/javascript">
// ;分号 作为js代码一句话的结束符
// 弹出警告框
alert(‘我弹‘);
// 控制台输出
console.log(‘alex‘);
四、变量和命名规范
需要用var关键字，需要加分号结尾：例如 var a = 100;
命名规范：由英语字母、数字、下划线组成。跟python和大部分语言类似。
五、基本数据类型
1 // 1.number 2 // var $ = 100; 3 // console.log($); 4 // typeof 变量名 5 var a = 100; 6 console.log(typeof a); //number 7 8 var b = 5/0; 9 console.log(b); //Infinity 无限大 10 console.log(typeof b); //number类型 11 12 13 // 2.string 14 15 16 var a = ‘alex‘; //单引号 和双引号 都可以表示字符串 17 console.log(typeof a);//string类型 18 19 var b = ‘‘; 20 console.log(b); 21 console.log(typeof b); 22 23 24 25 26 // + 可能是连字符 也可以是数字的加号 27 28 // 字符串 + 数值 相当于字符串的拼接 29 console.log(‘我‘+‘哎‘+1); 30 // 数字和数字相加 是加号 表示运算 31 console.log(1+2+3); 32 // 小技巧 将数值类型转换成字符串类型 33 var c = 10+‘‘; 34 console.log(typeof c); 35 36 37 38 // 3.boolean 39 var isShow = 1>1; 40 console.log(typeof isShow); 41 42 // 4.null 空对象 43 var d = null; //空对象 object 44 console.log(typeof d); 45 46 // 5.undefined 未定义的 47 48 var d1; 49 console.log(d1); //值 是undefined 50 console.log(typeof d1); //undefined 数据类型
基本数据类型
1 // 1.将number类型转换成string类型 2 3 //1>隐式转换 小技巧 4 var n1 = 123; 5 var n2 = ‘123‘; 6 console.log(n1+n2); 7 8 9 //2> 强制转换 10 11 // String() toString() 12 var str1 = String(n1); 13 console.log(typeof str1); 14 15 var num = 2334; 16 var numStr = num.toString(); 17 console.log(typeof numStr); 18 19 20 //2.将字符串类型转换成number类型 21 22 var stringNum = ‘131313‘; 23 var num = Number(stringNum); 24 console.log(num); 25 console.log(typeof num); 26 27 28 var stringNum2 = ‘13.1313fjkafbh13233dkjf‘; 29 var num2 = Number(stringNum2); 30 console.log(num2);// NaN Not a Number 31 console.log(typeof num2); 32 33 // parseInt() parseFloat() 解析字符串，并且返回整数和浮点型 34 console.log(parseInt(stringNum2));//13 35 console.log(parseFloat(stringNum2));//13.1313
强制类型转换
六、流程控制
1 var age = 1313;
2 if (age == 18) {
3 //{}相当于作用域
4 console.log(‘可以去会所‘);
5 } else if (age == 30) {
6 console.log(‘该娶媳妇了！！‘);
7 } else {
8 console.log(‘随便你了‘)
9 }
10 console.log(‘alex‘); //下面的代码照样执行
if...else语句
// switch
var gameScore = ‘good‘;
/*
if (gameScore == ‘better‘) {
}else if(gameScore == ‘good‘){
}else if(gameScore == ‘best‘){
}else{
}
*/
switch (gameScore) {
case ‘good‘:
console.log(‘玩的很好‘);
// switch语句 case表示一个条件，满足这个条件就会输出，直到遇到break跳出，如果你的breakb不写，那么程序会遇到下一个break停止。这个就是‘case穿透’
break;
case ‘better‘:
console.log(‘玩的老牛逼‘);
break;
case ‘best‘:
console.log(‘恭喜你，吃鸡成功‘);
break;
default:
console.log(‘很遗憾，被淘汰了‘);
break;
}
switch语句
1 // 1. 初始化循环变量
2 // 2. 判断循环条件
3 // 3. 更新循环变量
4 // 例子： 打印1~10之间的数
5
6
7 // 初始化循环变量
8 var i = 1;
9 // 判断循环条件
10 while (i <= 10) {
11 console.log(i);
12 // 更新循环变量
13
14 // i = i+1;
15 i+=1;
16 }
17
18
19 //do_while循环
20 // 用途 不大，就是不管条件如何 上来先做一次， 然后再去循环
21
22 var i = 3;
23 do{
24 console.log(i);
25
26 i+=1;
27 }while(i < 10);
while循环
1 // 输出1~100之间的数
2 for(var i = 1; i <= 100; i ++){
3 console.log(i);
4 }
5
6
7
8 // 1.输出1~100之间所有数之和
9 var sum = 0;
10 for(var i = 1; i <= 100; i ++){
11 sum = sum + i;
12 }
13 console.log(sum);
14
15
16 //2. 将1~100所有是2的倍数在控制台打印
17
18 for(var i = 1;i <= 100; i ++){
19 if (i % 2 == 0) {
20 console.log(i);
21 }
22 }
for循环
1 // document.write 往页面上写入内容
2
3 // document.write(‘<h1>alex</h1>‘);
4
5 for(var i = 0; i < 3;i++){ //控制着你的行数
6 for(var j = 1;j <=6;j++){ //控制的星星
7 document.write("*");
8 }
9
10 document.write(‘<br>‘);
11 }
双重for循环
上篇（完）！
原文地址：https://www.cnblogs.com/NuoMiGao/p/10074670.html
时间： 2024-09-28 11:47:33