新生大学JavaScript编程入门学习笔记之四

【本课主题】

1.回顾

2.函数/function

3.前端-让数据动起来

4.对象、JSON对象、JSON格式

回顾-mac基础命令：

ls：查看当前文件夹内文件（不含隐藏文件）

cd (foldername)：进入文件夹

ls -a：查看当前文件夹内所有文件

* 只有从github下载的代码才会有.git

函数/function

“函数”可以说是JS世界里最重要的，超过“对象”，是一等公民，而相对于C/C++/JAVA来说，JS中的函数非常简单。

实际生活中的“调用”讨论

函数需要调用。关于调用的类比：现实生活中，寻求别人的帮助，购买服务等，当你说明了需求，对方经过处理，实现我们的要求，这个过程也可以说是一种“调用”。

1.我要买瓶可乐。

2.我要理发。

3.我要打印。

“调用”的关键点

1.需要明确调用目标（对象）。

2.需要给于目标一些信息。

3.目标处理完会返回结果。

函数是：1.一个处理的封装；2.一个处理的单元。

就像一个黑盒

函数黑盒

JS有丰富的内置函数，以后学习中会用到大量第三方库。JS的函数很多，多到用都用不完。

当觉得别人的库不够好的时候，还可以自己写库。

定义函数

//定义函数

function counter(count){

count =count +1;

return count

}

//调用（执行）函数

counter(1);

function：关键字

counter：函数名

count：参数

注意：

一个函数被定义了没有使用，就是流氓函数、垃圾代码。变量也相同。在工程、项目中，垃圾代码是要剔除的，会有专门的脚本进行扫描来发现。因为一旦定义了，即使不参与计算也会占用内存。

函数的思考1：报数–轮流

报数-轮流

思路：根据规则判断，这时候需要——顺序调用。

函数的思考2：报数-通知

报数-通知

思路：根据规则判断，这时候需要——嵌套调用。

函数的思考3：实现厨房的工作流程——办一桌酒席

思路：由准备、买菜、配菜、做菜、上桌等环节组成

代码实操（详见附录）

---

拓展学习一：Vue.js

资料：cn.vuejs.org/guide(https://cn.vuejs.org/v2/guide/)

引入Vue第三方库（自己去了解，不需要了解太深）:

< script src="https://unpkg.com/vue">

在< body>< /body的第一层< div>< /div>中添加id标签< div id=”app”>

定义app：

var app = new Vue({

el:'#app',

data: {

person: xiaoming

}

})

动态引用代码：{{person.name}}

如此操作后，即可在页面动态更新，否则，如用静态代码：

< p>xiaoming< /p>，对应的是很麻烦的更改操作。

拓展学习二：要善于使用Visual Studio Code的插件——装插件、用插件。

界面左侧最下面的一个图标，搜索需要的插件，点击安装即可。command+shift+P可调出命令页面，用关键字可方便查找到已安装插件，点击即可对当前文件使用此插件。有的插件可以把代码转的非常美观、清晰，还有把代码转pdf等插件。通过查看插件的说明（英文的），可以了解插件功能。

---

学习建议：做犀牛书（JavaScript权威指南）的勘误表，把项目的issue都看一遍。

Tip：Visual Studio Code—查看->集成终端，可以有同屏代码及执行效果。

工具推荐：iterm2，优势——可拆分界面，多窗口同时操作

考虑到前期课程的压力，本节课没有留作业，专心熟悉代码。