美文网首页
【JavaScript】基础知识

【JavaScript】基础知识

作者: lndyzwdxhs | 来源:发表于2017-08-13 11:26 被阅读5次

    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】基础知识

          本文链接:https://www.haomeiwen.com/subject/cmgsrxtx.html