前言:这是我第一次在博客上记录自己的前端学习过程,以往都是在桌面右侧开个 onenote 小窗,记录自己在学习过程中获得的知识。通常都是记录的满满当当,然后心满意足的关闭窗口,但是记录不代表学会。这些知识随着窗口的关闭也逐渐消失在我的脑海中,于是我想通过另一种方式把零碎的知识点总结起来,形成知识体系结构。这就是我写这篇博客的初衷,不知道会不会有效,但我认为尝试之后才能知道。

   背景:JavaScript 是一个叫做布莱登·艾奇的人用了十天的时间发明出来的,借鉴了 C 的基本语法,Java的数据类型和内存管理,scheme、self语言,最开始的名字叫做 livescript ,可是一直不火,但当时的 java 已经很有名了,于是他们就蹭热度!改名字为 JavaScript!这也成为了他们后悔很多的一件事。

关于脚本语言 

    首先 JavaScript 是一种运行在客户端的脚本语言,和 Java 没有任何关系!!!

    那么什么是脚本语言呢,它区别于编程语言,是一种不需要显示编译的语言,通过解释器进行翻译,是一种解释型语言。

    编程语言则是在开发工具进行执行时,对代码进行编译,编译成计算机所能认识的二进制语言。

JS代码的写法及注意事项

    1.js代码可以写在 html 文件中,在 script 标签中写入 js 代码,也可以在 html 标签中写入,还可以在 js 文件中写入再引入到 html 文件中。

    2.需要注意的是在一对 script 标签中,如果有语法错误那么后面的 js 代码都不执行;但下一个 script 标签中的代码不会受影响

    3.一般情况下 js 代码都是写在 body 标签中的最后面,这是考虑到一个页面的加载问题,因为解释器从上到下进行解释的,如果放在前面会影响加载效率,也会导致 HTML 文件加载不出来。

    4.如果采用引入 js 代码的方式,那么在引入代码的标签中就不要再写任何的 js 代码,因为他会导致引入的代码出错,最终什么都不显示。

关于变量交换

    首先,变量是用于保存输入的数据的,不同的数据类型对应不同的变量类型。

   

    可以通过 typeof 来获取数据的变量类型。

    变量交换中,可以采用第三方进行交换,也可以采用数据相加的方式进行交换(只适用于数字),还可以采用位运算进行变量交换。

关于数组

    数组:存储一组有序的数据,作用是一次可以存储多个数据。

    

关于函数

    1.函数需要先定义,然后调用进行使用

    2.函数的命名也要遵循驼峰命名法

    3.函数一旦重名,会覆盖前面定义的函数  

  函数参数:

    1.函数虽然可以在需要时进行灵活调用,但函数体内的值并不便于修改,而参数则解决了这一问题。

    2.在函数名后的小括号内输入函数体中需要的变量,称为参数。

    3.函数体内只定义变量的计算方法,在调用时才对参数进行赋值,这样就做到了灵活运用。

  形参:定义函数时小括号内的参数。

  实参:调用函数时小括号内的参数,可以是值也可以是字符串。

  返回值总结

    1.函数中如果有 return ,那么这个函数就有返回值,反之则没有。

    2.如果 return 后没有内容,但调用的时候接受了,则返回值为 undefined。

    3.变量声明了,但是没有赋值,结果也是 undefined。

    4.形参和实参的个数可以不一致,多的不要,少了就是NaN。

    5.return 后的一切都不会再被执行。

  arguments:是一个类似于数组的对象,也可以说是伪数组,可以收集所有的实参。

  函数也是有数据类型的,所有的函数数据类型都是function。

前端摸爬滚打之路(一)之 JavaScript 基础的更多相关文章

  1. 前端开发【第三篇: JavaScript基础】

    JavaScript是一门编程语言,浏览器内置了JavaScript语言的解释器,所以在浏览器上按照JavaScript语言的规则编写相应代码之,浏览器可以解释并做出相应的处理. 一.如何编写 1.J ...

  2. 前端之JavaScript基础

    前端之JavaScript基础 本节内容 JS概述 JS基础语法 JS循环控制 ECMA对象 BOM对象 DOM对象 1. JS概述 1.1. javascript历史 1992年Nombas开发出C ...

  3. 第三篇:web之前端之JavaScript基础

    前端之JavaScript基础   前端之JavaScript基础 本节内容 JS概述 JS基础语法 JS循环控制 ECMA对象 BOM对象 DOM对象 1. JS概述 1.1. javascript ...

  4. Web前端-JavaScript基础教程上

    Web前端-JavaScript基础教程 将放入菜单栏中,便于阅读! JavaScript是web前端开发的编程语言,大多数网站都使用到了JavaScript,所以我们要进行学习,JavaScript ...

  5. 前端学习之路-CSS介绍,Html介绍,JavaScript介绍

    CSS介绍 学前端必备掌握CSS样式,css为层叠样式表,用来定义页面的显示效果,加强用户的体验乐趣,那么如何用css到html中呢? style属性方式 利用标签中的style属性来改变显示样式 & ...

  6. Web前端-JavaScript基础教程下

    Web前端-JavaScript基础教程下 <script>有6个属性: async对外部脚本有效,可以用来异步操作,下载东西,不妨碍其他操作. charset为src属性指定字符集. d ...

  7. 前端(十二)—— JavaScript基础操作:if语句、for循环、while循环、for...in、for...of、异常处理、函数、事件、JS选择器、JS操作页面样式

    JavaScript基础操作 一.分支结构 1.if语句 if 基础语法 if (条件表达式) { 代码块; } // 当条件表达式结果为true,会执行代码块:反之不执行 // 条件表达式可以为普通 ...

  8. web前端学习(四)JavaScript学习笔记部分(1)-- JavaScript基础教程

    1.JavaScript基础教程 1.1.Javascript基础-介绍.实现.输出 1.1.1.JavaScript是互联网上最流行的脚本语言,这门语言可用于web和HTML,更可广泛用于服务端.p ...

  9. 前端学习 之 JavaScript基础

    一. JavaScript简介 1. JavaScript的历史背景介绍 1994年,网景公司(Netscape)发布了Navigator浏览器0.9版.这是历史上第一个比较成熟的网络浏览器,轰动一时 ...

随机推荐

  1. WPF 画线动画效果实现

    原文:WPF 画线动画效果实现 弄了将近三天才搞定的,真是艰辛的实现. 看了很多博客,都太高深了,而且想要实现的功能都太强大了,结果基础部分一直实现不了,郁闷啊~ 千辛万苦终于找到了一个Demo,打开 ...

  2. VS2015静态编译libcurl(C++ curl封装类)

    一.最新libcurl静态编译教程(curl-7.51版/curl-7.52版) 1.安装perl,在官网下载,安装好以后,测试perl -v是否成功 2.编译openssl(已编译好的下载地址) p ...

  3. 潜移默化学会WPF(绚丽篇)--热烈欢迎RadioButton,改造成功,改造成ImageButton,新版导航

    原文:潜移默化学会WPF(绚丽篇)--热烈欢迎RadioButton,改造成功,改造成ImageButton,新版导航 本样式 含有  触发器 和 动画    模板  ,多条件触发器,还有布局 本人博 ...

  4. swagger-editor

    前言 上一篇文章我们有提到Swagger做接口的定义是采用yaml语言的,当然,yaml是个啥,大家自行百度.阿福在此不做赘述了.但是,今天我们要来讲的是yaml支持比较好的Swagger-Edito ...

  5. 获取bing图片并自动设置为电脑桌面背景(使用 URLDownloadToFile API函数)

    众所周知,bing搜索网站首页每日会更新一张图片,张张漂亮(额,也有一些不合我口味的),特别适合用来做电脑壁纸. 我们想要将bing网站背景图片设置为电脑桌面背景的通常做法是: 上网,搜索bing 找 ...

  6. Windows10 【系统周期表】【系统下载表】【大型软件表】

    系统周期表 商用名称 商用英文名 代号 版本 系统版本 上市日期 服务周期 备注 Windows 10 无 Threshold 1 1507 10.0.10240.17443 2015.07.29 2 ...

  7. redis入门笔记(3)

    本篇文章介绍几个redis的应用场景. 1.取最新N个数据的操作 –比如典型的取你网站的最新文章,通过下面方式,我们可以将最新的5000条评论的ID放在Redis的List集合中,并将超出集合部分从数 ...

  8. DataTable,DataView 排序和使用

    我们都知道在Sql Server可以用order by来排序,所以很多朋友在DataTable中排序也想到了用order by关键字.但这样实现是比较困难的,下面,我们讲解一种比较简单的方法: 控制台 ...

  9. Access Violation分成两大类:运行期和设计期(很全的解释)

    用Delphi开发程序时,我们可以把遇到的Access Violation分成两大类:运行期和设计期. 一.设计期的Access Violation 1.硬件原因  在启动或关闭Delphi IDE以 ...

  10. WebAPI服务端内嵌在CS程序里面

    有时候我们不需要将WebAPI发布到iis上运行,需要将webapi内嵌到cs程序内部,随程序一起启动,其实比较简单,需要一个类,如下 public class Startup { public st ...