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