【JavaScript】写程序编程基础入门

学习JavaScript入门，写编程时候有没有静下来思考过，自己编写得都是些什么，自己编写的是一个怎样的程序，能说具体一点吗，写程序就是写数据结构和算法，理解深刻一下，相信初学者能看得明明白白。请继续往下看

💡 著名计算机科学家 沃思 提出一个公式
$$程序=算法+数据结构$$

1. 数据结构

数据结构，是程序的加工数据，程序对数据进行加工处理，最后输出我们期望得到的结果，来看一看图，这下知道数据是什么了，将对数据的操作方式理解为算法

1. 数据类型

数据可以以类型来区分，JavaScript 的数据类型如下表

类型	说明	值举例
Number	数字	0, 0.5
String	字符串	“hello world”
Object	对象	{ key1:“a”, key2:1 }, [1,2,3]
…	…	…

2. 数据打印

可将数据打印出来看，参考如下运行代码，用电脑的浏览器控制台工具输入如下代码运行试验即可，如果初学者不知道怎么做，请点此 《浏览器console控制台详解》前往了解

var num = 1;
var str = 'hello world';
var obj = {
	key1:'a',
	key2:1
};
var arr = [1,2,3];
//打印数据值
console.log('num',num);//数字
console.log('str',str);//字符串
console.log('obj',obj);//对象
console.log('arr',arr);//数组
//打印数据类型
console.log('data type',typeof obj);//对象

2. 数据修饰符

数据类型修饰符，常见有私有的private和公开的public，现在JavaScript语言中，用加#代替私有的private，不加的话，就是公有的，就是控制对数据的读写，同样是用来控制对数据的访问限制，在编写代码中创建对象类就要用到，参考如下代码

class Object1{
	#key1 = 1;//私有的,在对象内部使用（访问）
	key2 = 2;//公开的,在对象内外部都能使用（访问）
	//...

	//外部调用此方法访问，可读不可写
	getKey1(){
		return this.#key1;
	}
}

2. 算法

算法，是程序的灵魂，解决程序“做什么”和“什么做”的问题，算法可以先用自然语言表示出来，或者用流程图来表示，通常在设计稿纸中出现，最后就是按最终设计稿编写代码

💡算法的特性

• 计算是有限的，不是无限的
• 计算是确定的，不是模糊的
• 控制外部设备输入，等待用户输入
• 控制外部设备输出，让用户能看见

1.基本结构

算法有三种基本结构，分别是：顺序，选择，循环，如下图所示

1. 顺序结构

这是最简单的一种基本结构，从上面开始执行，到下面最后的结束，参考代码

//打印看 执行顺序
console.log('1');
console.log('2');
console.log('3');

2. 选择结构

这是最简单的一种选择结构，根据给定的条件(1>2)来判断是否选择的执行，参考代码

//打印看 判断执行哪一条
if (1>2) {
	console.log('1');
} else {
	console.log('2');
}

3. 循环结构

这是最简单的一种循环结构，根据给定的条件(i<10)来判断是否重复的执行，参考代码

//打印看 执行循环了多少次
var i=0;
while(i<10){
 i=i+1;
 console.log('i='+i);
}

2. 自定义函数

如果写得代码比较多，是需要用到自定义函数名，将一些指令组合放到自定义的函数中，并给起个名字，然后调用就可以，代码如下

//自定义函数fun1
var fun1 = function() {
	//arguments 是该函数传入参数的数组集合
	console.log('传入的参数', arguments);
	var result = arguments.length;//参数数量
	//...这里省略了太多的代码
	return result;
};

var arg1 = 1;
var arg2 = 2;
//调用自定义函数fun1,可以传参数
var res = fun1(arg1,arg2);
console.log('调用函数后返回的结果',res);

3. 系统函数

为了编写方便，JavaScript有内置了系统函数，在需要的时候就能用到，常见的数学函数有，还有很多这里就不一一列举了

系统函数	函数说明
Math.max(a,b)	求最大值
Math.min(a,b)	求最小值
Math.pow(a,2)	求a的平方 a²
Math.sqrt(a)	求a的平方根
Math.trunc(a)	取整数部分
Math.round(a)	取整数部分时，四舍五入
…	…

💡系统函数调用像这样

//获取最大值的那一个
var maxValue = Math.max(2, 3);
console.log("最大值", maxValue);

3.程序

程序，就是个计算机程序，没那么深奥。初学者会以为计算机就像大脑一样神秘莫测，所谓程序，就是一组计算机能识别和执行的指令，

程序就是开发者写得，就说说TA写得源代码如果自己看不懂的话，那就觉得神秘还能解释得通，没那么高大上，哪天心血来潮，自己写个程序，捣鼓了一个小玩意，出来先显摆😄，请看下图，就会想象，计算机内有乾坤~

就讲到这里，上面讲得是JavaScript编程基础，非常适合新手观摩学习，当然，能看明白就好，编程上还有很多知识需要学，例如传递参数如何区分形参和实参,引用模块等等, 初学者还有很长的路要走哦，到此结束了，如阅读中有遇到什么问题，请在文章结尾评论处留言，ヾ(￣▽￣)Bye_Bye