【JavaScript】基础知识

2017-08-13 本文已影响5人 lndyzwdxhs

0x01 函数：

基本函数声明：

function 名称(p1, p2, p3)
{
return 结果;
}

递归函数，格式是这样的，如下所示：

function abc()
{
.....
此处N多行程序代码
.....
abc();//发现什么了没有？在方法体内调用自己，这种函数就叫做递归函数。
}

匿名方法，那么怎么调用呢？它没有名字！同样也很简单，看下面：

 var abc = function()
{
方法体
}
abc();//此处调用这个匿名方法。

发现到什么没有？我们只需要将匿名方法赋值于一个变量即可，那么这个变量就代表了这个方法，为什么这样就会代表这个方法了呢？很简单，只要记住=号右边无论是神马东东，始终是赋值于左边的变量，赋值什么，这个变量就是什么。

0x02 数据类型

数据类型分为原始数据类型（也叫做基本数据类型）和引用数据类型（也叫做对象类型或复合数据类型）。

原始数据类型（5种）：

undefined：
此类型只有一个值，就是undefined，表示未定义的，也就是说声明了变量却没有被赋值的时候，则会显示undefined，咱们平时用不着它，因为无意义。
null：
此类型同样也只有一个值，undefined是从null类型中派生出来的，它和undefined的值是相同的，但是意义却不一样，null用于表示尚未存在对象，如果函数/方法要返回的是对象，当找不到该对象时，通常返回的是null。
number：
此类型表示数字，整数，小数只要是数字就OK，通常为十进制，还要强调的就是小数在程序中一般称为“浮点数”。
string：
此类型表示字符串，在JavaScript中没有“字符”这个概念，每个字母数字都可以说是字符，那么很多个字符排在一起，就可以理解为字符串。就像肉块儿，串在一起就叫肉串一样。字符串由一对单引号或双引号包含，引号中的内容就是字符串，严格来讲，在JavaScript中，哪怕一个“字符”也叫做字符串，如果引号中没有内容（空格即空白字符也是字符串，换言之也是内容），那么这就是一个空字符串。
boolean：
布尔类型，只有两个值，true和false（真和假），此类型比较有意思，虽然它只有两个值，但也有其他的方式表示true和false，当值为false、0、null、undefined、NaN或者空字符串时表示假，其他的值则表示真。

引用数据类型（1种）：

虽然引用数据类型只有1种，但是它可以将多种原始的数据存在一个单元中，这也就是为什么它被称为“复合数据类型”，也就是对象——Object。

原始数据类型和引用数据类型的区别：

首先咱们先来看下它的概念，概念如果看不太明白，没有关系，我会在之后举例。
原始数据类型：在内存中，存放在栈中的简单数据段，也就是说，他们直接存储在变量访问的位置。【和代码放在一起，程序自己来释放】
引用数据类型：在内存中，存放在堆中的对象，就是说，存储在变量处的值是一个指针，指向存储对象的内存处。【在远堆上申请，自己来释放】

0x03 JS可以完成哪些功能？

写入 HTML 输出【document.write();】
对事件作出反应【alert();】
改变 HTML 内容【x=document.getElementById(“demo”);x.innerHTML=”Hello JavaScript”;】
改变 HTML 图像【改变任意 HTML 元素的大多数属性，而不仅仅是图片。】
改变 HTML 样式【x=document.getElementById(“demo”)；x.style.color=”#ff0000″；】
验证用户的输入

0x04 jQuery

使用 CSS 选择器来访问和操作网页上的 HTML 元素（DOM 对象）。
主要的 jQuery 函数是 $() 函数（jQuery 函数）。
jQuery 允许链接（链式语法）。链接（Chaining）是一种在同一对象上执行多个任务的便捷方法。【$(“#h01”).attr(“style”,”color:red”).html(“Hello jQuery”)】

0xFF 技巧

只能在 HTML 输出流中使用 document.write。如果您在文档已加载后使用它（比如在函数中），会覆盖整个文档。
HTML 中的脚本必须位于 <script> 与 </script> 标签之间。
脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。
老旧的实例可能会在 <script> 标签中使用 type=”text/javascript”。现在已经不必这样做了。JavaScript 是所有现代浏览器以及 HTML5 中的默认脚本语言。
JavaScript 语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么。
在 JavaScript 中，用分号来结束语句是可选的。
JavaScript 对大小写敏感。
JavaScript 会忽略多余的空格。您可以向脚本添加空格，来提高其可读性。
在文本字符串中使用反斜杠对代码行进行换行。
单行注释以 // 开头；多行注释以 /* 开始，以 */ 结尾。
变量必须以字母开头；变量也能以 $ 和 _ 符号开头（不过我们不推荐这么做）；
重新声明 JavaScript 变量，该变量的值不会丢失。
在 JavaScript 中，对象是拥有属性和方法的数据。
在您仅仅希望退出函数时，也可使用 return 语句。返回值是可选的。
如果您把值赋给尚未声明的变量，该变量将被自动作为全局变量声明。即使它在函数内执行。
JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。
通过 HTML DOM，可访问 JavaScript HTML 文档的所有元素。
通过可编程的对象模型，JavaScript 获得了足够的能力来创建动态的 HTML。【JavaScript 能够改变页面中的所有 HTML 元素；JavaScript 能够改变页面中的所有 HTML 属性；JavaScript 能够改变页面中的所有 CSS 样式；JavaScript 能够对页面中的所有事件做出反应】
修改HTML属性：document.getElementById(“image”).src=”landscape.jpg”;
JavaScript 是面向对象的语言，但 JavaScript 不使用类。
JavaScript for…in 语句循环遍历对象的属性。

欢迎关注微信公众号（coder0x00）或扫描下方二维码关注，我们将持续搜寻程序员必备基础技能包提供给大家。

【JavaScript】基础知识

0x01 函数：

0x02 数据类型

0x03 JS可以完成哪些功能？

0x04 jQuery

0xFF 技巧

猜你喜欢

热点阅读